伊人久久大香线蕉综合影视_日韩精品少妇无码受不了_71pao成人国产永久免费视频_国产伦片中文免费观看_国产高清无码麻豆精品_九色综合伊人久久富二代_日韩黄色精品_日韩A∨精品日韩精品无码

waterfull——ajax分析

2019-8-5    seo達人

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

把項目放在wampserver的www目錄下,啟動wampserver,并且瀏覽器打開后手動修改url為localhost

index.js=》getData():

ajax.js以及index。js對它的調(diào)用:

ajax的參數(shù):method、data、url都是字符串

index.js =》getData()=》調(diào)用ajax

ajax('GET', 'http://localhost/web/ajax/waterfall2/src/js/getPics.php', addDom, 'cpage=' + num, true)

并且url是localhost下——localhost/web/ajax/waterfall2/src/js/getPics.php

不是直接圖片資源地址

圖片資源地址寫在php中,只管調(diào)用就行

data:

ajax調(diào)用是data是這樣的=》'cpage=' + num

 

測試用的data.txt:

一個數(shù)組里有很多對象,每個對象都是一張圖片的全部信息,每條信息都是json.stringify格式

所以測試用ajax的callback這樣寫:

function addDom(data) {
    console.log(JSON.parse(data));
}

這個data不是自己定義的,是xhr.responseText,是接口的數(shù)據(jù)

這個data是callback的參數(shù)

回調(diào)函數(shù)的data參數(shù)和使用方法:

xhr.onreadystatechange = function() {

////////狀態(tài)改變
        if(xhr.readyState == 4) {
            if(xhr.status == 200) {
                callback(xhr.responseText);

////////滿足兩個條件時,callback才獲取數(shù)據(jù)成功,才能用數(shù)據(jù)做些什么


            }else {
                console.log('error');
            }
        }
    }

ajax()中callback是參數(shù),而callback的定義和對數(shù)據(jù)的操作通常在ajax()調(diào)用之后

例如:

(1)

ajax('GET', 'http://localhost/web/ajax/waterfall2/src/js/data.txt', addDom, 'cpage=2', true);
function addDom(data) {
    console.log(JSON.parse(data));
}

如此簡單明了

(2)

function getData() {
//         if(!flag) {
//             flag = true;
//             ajax('GET', 'http://localhost/web/ajax/waterfall2/src/js/getPics.php', addDom, 'cpage=' + num, true)
//             num++;
//         }
//     }
//     getData();
//     function addDom(data) {

……

}

回來…………

ajax中的data在本例中是字符串'cpage=' + num  或者 'cpage=2'這種

get中作用:

xhr.open(method, url + '?' + data + '&timer=' + timer, flag);

post中作用:

xhr.send(data);

話說回來…………

都是獲取數(shù)據(jù),data.txt和getPics.php區(qū)別:

一個只有第2頁的地址,一個是動態(tài)獲取很多頁數(shù)據(jù)

反正就那么傳吧  

而ajax

藍藍設計cqzjtgb.com )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務。

日歷

鏈接

個人資料

藍藍設計的小編 http://cqzjtgb.com

存檔

图木舒克市| 裕民县| 德化县| 长泰县| 岱山县| 星子县| 始兴县| 民乐县| 长顺县| 吉木萨尔县| 文成县| 孙吴县| 嘉峪关市| 隆回县| 库尔勒市| 湘潭市| 江门市| 新田县| 永昌县| 永济市| 阳新县| 年辖:市辖区| 抚顺县| 咸丰县| 松潘县| 阿图什市| 三江| 黄骅市| 五常市| 临湘市| 定襄县| 太湖县| 龙里县| 凭祥市| 光山县| 芜湖县| 新干县| 苍山县| 怀仁县| 卓尼县| 班戈县|