Как преобразовать данные сервера JSONP в HTML через запрос Ajax?

Question

У нас возникают проблемы с преобразованием данных JSONP в таблицу HTML.

пожалуйста, посмотрите на этой jsfiddle.net/pritpal21/6yqDV/

Мы ищем, чтобы установить данные сервера в новое представление HTML списка.

Мы получаем данные JSONP с сервера PHP, как мы можем установить его в HTML Source.

jQuery110201094877861905843_1381835431840(
{ 
"centres_info": 
{ 
    "centre": 
{ 
    "1":"BHOPAL ARERA COLONY", 
    "2":"BHOPAL BAIRAGARH", 
    "3":"BHOPAL CITY", 
    "4":"BHOPAL KOTRA SULTANABAD", 
    "5":"BHOPAL SAKET NAGAR", 
    "6":"BHOPAL IDGAH HILLS", 
    "7":"BHOPAL GOVINDPURA", 
    "8":"BHOPAL GULMOHAR COLONY", 
    "9":"BHOPAL T.T.NAGAR", 
    "10":"BHOPAL SONAGIRI", 
    "11":"BHOPAL KOLAR ROAD"}, 
"address": 
{ 
"1":"`Rajyoga Bhawan'\nE\/5, Arera Colony\nMain Road No. 3 \n stdcode:0755 \n phone:2463838, 2463719 \n fax:", 
"2":"Shiv Shakti Dham', 165-B\nShanti Prakash Colony, One Tree Hill\nSant Hirdaram Nagar, Bairagarh \n stdcode:0755 \n phone: \n fax:", 
"3":"'Durga Bhawan' 1st. Floor\nNew Sabzimandi\nKamali Mandir Road \n stdcode: \n phone: \n fax:", 
"4":"A-15, Kamla Nagar\nKotra Sultanabad\n \n stdcode: \n phone: \n fax:", 
"5":"62\/3A\/MIG\nSaketnagar\n \n stdcode:0755 \n phone: \n fax:", 
"6":"Flat No. I-1\nMeenakshi Residency\nIdgah Hills \n stdcode:0755 \n phone:2545890 \n fax:", 
"7":"15\/3, Old Subash Nagar\nOpp.Railway Gate(Govindpura)\n \n stdcode:0755 \n phone: \n fax:", 
"8":"G-8\/380, Flat NO.1, Purvalava Apt.\nTrilochan Nagar\nGulmohar Colony \n stdcode:0755 \n phone:4232921 \n fax:", 
"9":"34, New M.L.A., M.P. Colony\nNew Market, Jawahar Chowk\nT.T.Nagar \n stdcode:0755 \n phone:2778890 \n fax:", 
"10":"50 M.I.G- A Sector\nSonagiri Colony\n \n stdcode:755 \n phone:2756662 \n fax:", 
"11":"B1- Golden Valley, \nBehind Sagar Complex\nKolar Road \n stdcode:0955 \n phone: \n fax:"}}}) 

Мы хотим поместить данные центра и списка адресов в одно Div с двумя пролетами для каждой пары.

Благодаря

Answer 1

$.ajax({ 
      type: "GET", 
      url: "http://www.dizainstore.com/chrome/info.php", 
      async: true, 
      data: "state="+ state+ "&city="+ city, 
      dataType: 'jsonp', 
       success: function(response) { 
        var centres=response.centres_info.centre; 
        var address=response.centres_info.address; 
        var val ; 
        var val1 ; 

         val += "<div class='box2-l'>" + cent + "</div><div class='box2-r'>" + address[i] + "</div>" ; 


         }); 
         var new_val = "<div class='box1'><div class='box1-l'>Center List</div><div class='box1-r'>Address List</div>"+val+"</div>" 
        $(".result1").html(new_val); 
             } 

     }); 
     return false; 
    });