ajax實(shí)現(xiàn)點(diǎn)擊導(dǎo)航欄對(duì)應(yīng)頁面內(nèi)容異步刷新

這是自己在第一次接觸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 傳到這里!? ? ? ? ??

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?}? ? ? ?

?????????????????????????????????});

}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容