ajax實現點擊導航欄對應頁面內容異步刷新

這是自己在第一次接觸TP框架的時候 寫的AJAX
雖然寫的不夠好 ,但是適合剛開始接觸的人借鑑下
具體註釋寫在語句後面!

代碼如下:

function getItems(id) { 

        $.ajax({

               type: "POST", //請求數據方式 是POST請求

               url: "/index.php/engineering/getItems", //這是所需要異步的頁面html路徑

               dataType: "json", //數據類型是JSON

               data: {"cid":id}, //數據根據ID進行變化

               success: function(json){ 

                           var html = ''; 

                           for (var i = 0; i < json.length; i++) {

                           //循環添加多個值(這裏的html每個位置要加上一對單引號包起來,也就是說 這裏是要實現異步刷新的內容)

                                    html =  '<li>' +
                                            ' '+

                                            ' <div class="newsdimg"> '+

                                            '<img src=" '+json[ i ] .picurl+' ">'+

                                            '</div>'+

                                            '<p>'+json[ i ].title+'</p>'+

                                            ' '+

                                            '</li>';

                           }                

                          $("#itemsBlock").html(html); //在頁面上附上id 傳到這裏!          

                  }       

});

}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章