這是自己在第一次接觸TP框架的時(shí)候 寫的AJAX
雖然寫的不夠好 ,但是適合剛開始接觸的人借鑒下
具體注釋寫在語句后面!
代碼如下:
function getItems(id) {?
?????????????????????????????$.ajax({
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? type: "POST", //請(qǐng)求數(shù)據(jù)方式 是POST請(qǐng)求
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? url: "/index.php/engineering/getItems", //這是所需要異步的頁面html路徑
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?dataType: "json", //數(shù)據(jù)類型是JSON
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?data: {"cid":id}, //數(shù)據(jù)根據(jù)ID進(jìn)行變化
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?success: function(json){?
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? var html = '';?
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?for (var i = 0; i < json.length; i++) {
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //循環(huán)添加多個(gè)值(這里的html每個(gè)位置要加上一對(duì)單引號(hào)包起來,也就是說 這里是要實(shí)現(xiàn)異步刷新的內(nèi)容)
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? html = '<li>' +
? ??????????????????????????????????????????????????????????????????????????????????????' '+
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?' <div class="newsdimg"> '+
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?????????'<img src=" '+json[ i ] .picurl+' ">'+
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?????????????????????????????????????????????????????????'</div>'+
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?????????????????????????????????????????????????????????'<p>'+json[ i ].title+'</p>'+
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ????????????????????????????????????????????????????????? ' '+
? ? ? ? ? ? ? ? ? ? ? ? ?????????????????????????????????????????????????????????????????'</li>';
????????????????????????????????????????????????????????????????????????}? ? ? ? ? ? ? ??
????????????????????????????????????????????????????????????????????????????$("#itemsBlock").html(html); //在頁面上附上id 傳到這里!? ? ? ? ??
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?}? ? ? ?
?????????????????????????????????});
}