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

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

代碼以下:html

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 傳到這裏!          

                  }       

});

}
相關文章
相關標籤/搜索