Ajax簡介

AJAX即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創建交互式網頁應用的網頁開發技術。

AJAX = 異步 JavaScript和XML（標準通用標記語言的子集）。

AJAX 是一種用于創建快速動態網頁的技術。

通過在后臺與服務器進行少量數據交換，AJAX 可以使網頁實現異步更新。這意味著可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新。

傳統的網頁（不使用 AJAX）如果需要更新內容，必須重載整個網頁頁面。

實現每一種功能都有各種各樣的方法和思路，今天總結我的一個小小的加載功能。

加載很常見，每一位手機控都對她再熟不過了。每次我們在刷微博、朋友圈、空間······,滑到一定的量時，會提醒上滑加載更多，這是一種加載方式；還有一種就是點擊加載，點擊加載一定的量，再點擊，再加載一定的量（說了一大堆廢話）。

現在我們就來說說ajax逐個加載數據，類似這樣的數據列表。

先是顯示10個，然后點擊加載更多，再顯示10個·····

一、思路

一般使用ajax加載的話，一下會加載全部數據，這次要控制量的加載，那就要用到判斷，判斷加載到10個停止加載，后面通過點擊按鈕，在接著加載完的10個后面繼續加載。

要想控制只加載10個怎么辦捏。不能通過遍歷的 i 來判斷 10個，因為加載完10個后后面還要加載，這樣下一個10個就不好判斷了，所以需要定義一個新的變量，來計算加載的個數,

可以這樣寫：

var ci = 0;for(var i = 0; i < data.list.length; i++){　　ci++; 　　if(ci> 10){　　break;　　}}

然后需要再加載10個，再調用這個方法，所以這個方法需要聲明一個函數名，下次需要用的時候在調用，如果需要傳參也可以?，F在還有個問題，第一次進來加載完10個后，需要再加載前10個數據接著后面的json數據，怎么辦呢？？？

沒關系，可以通過調用上面定義好的函數，然后傳參。參數怎么計算呢？？？

先想一個參數和什么有關系，和 i 有關系，i 和什么有關系呢？或者說什么可以影響 i 呢？

好像只有它的值才會影響（那不是廢話嗎），這樣的話它的值就不能是一個不變的數了，只能是一個變量，那么變量從哪里來呢？？？

別忘了我們還有一個點擊事件，先定義一個 點擊次數 的變量 var clickNum = 0，因為每次加載時10個，所以 i 的值應該為：