国产亚洲精_丰满老熟好大的大bbb_男男激情做爰视频免费观看_欧美一区二区三区精品国产

waterfull——ajax分析

2019-8-5    seo達(dá)人

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

把項(xiàng)目放在wampserver的www目錄下，啟動(dòng)wampserver，并且瀏覽器打開(kāi)后手動(dòng)修改url為localhost

index.js=》getData():

ajax.js以及index。js對(duì)它的調(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

不是直接圖片資源地址

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

data：

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

 

測(cè)試用的data.txt：

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

所以測(cè)試用ajax的callback這樣寫(xiě)：

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

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

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

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

xhr.onreadystatechange = function() {

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

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


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

ajax（）中callback是參數(shù)，而callback的定義和對(duì)數(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));
}

如此簡(jiǎn)單明了

(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) {

……

}

回來(lái)…………

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

get中作用:

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

post中作用:

xhr.send(data);

話(huà)說(shuō)回來(lái)…………

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

一個(gè)只有第2頁(yè)的地址，一個(gè)是動(dòng)態(tài)獲取很多頁(yè)數(shù)據(jù)

反正就那么傳吧  

而ajax

藍(lán)藍(lán)設(shè)計(jì)( paul-jarrel.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

日歷

鏈接

個(gè)人資料

存檔