之前看了許多的關于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,或者是出錯!