天天看點

jsonp從伺服器讀取資料并且予以顯示

之前看了許多的關于jsonp的文章,大多是講的比較的模糊的,下面是我的個人的了解!

基于這樣的一段代碼,做下解釋: 這是在jsonp中讀取資料的時候(取出來當然是json的格式json格式不清楚的,可以通路我的json和jsonp的文章),利用循環進行資料的讀取。  先定義變量html,然後循環取出!

(其實核心就是根據你自己設計的頁面結構,比如什麼時候用到<div><p><li>等這些,以及之間的關系,然後用循環一次讀取存在變量html中)仔細看标簽的對應關系

var html = '';           //定義html變量

for (var i = 0; i < rows.length; i++) {    //rows[i].length是數組長度

html += '<div class="item clearfix" οnclick="page_company.clickItem(' + rows[i].companyId + ')">' +  //

'<div class="left"><img src="' + rows[i].picUrl + '"/></div>' 

+ '<div class="right">';

html += '<div class="title">';

if(rows[i].companyName)

html  += rows[i].companyName;

else

html  += '暫無';

html += '</div>';

html += '<span class="address">';

if(rows[i].address)

html += rows[i].address;

else

html += '暫無';

html  += '</span>';

if(rows[i].distance) {

html += '<div class="distance">距離:' + rows[i].distance + '</div>';

}

html += '<div class="handle">' + 

'<div class="collection"></div>' +

'<div class="attention"></div>' +

'<div style="clear: both;"></div>' +

'</div>' +

'</div>' +

'<div style="clear: both;"></div>' +

'</div>';

}

在循環取出後,用選擇器選中頁面的要顯示的位置(取出的資料和要顯示的位置要一緻),比如$('#page_company .listview').append(html);注意這裡不能用html(html);來顯示,如果是用html的話,就隻能顯示最後一個html,或者是出錯!

繼續閱讀