最近很多人問我ajax該怎么用，怎么訪問后臺(tái)，怎么取得數(shù)據(jù)頁面顯示

創(chuàng)新互聯(lián)公司是一家專注網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷策劃、微信小程序定制開發(fā)、電子商務(wù)建設(shè)、網(wǎng)絡(luò)推廣、移動(dòng)互聯(lián)開發(fā)、研究、服務(wù)為一體的技術(shù)型公司。公司成立10余年以來，已經(jīng)為上1000家成都格柵板各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務(wù)。現(xiàn)在，服務(wù)的上1000家客戶與我們一路同行，見證我們的成長；未來，我們一起分享成功的喜悅。

寫一個(gè)簡單的ajax訪問：

1. $.ajax({  

2.                 url: ctx +"/meeting/getMeetingRoomMap",   //請求后臺(tái)地址  

3.                 type:"get",     //請求方式  

4.                 cache:false,    //控制是否緩存數(shù)據(jù)（post請求默認(rèn)false，而get請求會(huì)為true,容易造成頁面數(shù)據(jù)緩存問題）  

5.                 async:false,    //控制同步還是異步  

6.                 data:{scheduleDate:scheduleDate},   //傳入?yún)?shù)  

7.                 success:function(data){  

8.                     if(data!=null && data!=""){  

9.                         $(".showMessage").html(data); //從后臺(tái)獲取數(shù)據(jù)的回調(diào)函數(shù)  

10.                     }  

11.                 }  

12.             });  

使用ajax需要注意的兩點(diǎn)：

1、cache屬性，默認(rèn)為true,  就是頁面是否需要緩存的問題，很多人說明明修改了值，為什么值沒變，就是因?yàn)檫@個(gè)屬性在作怪，請求的時(shí)候，可以設(shè)置為false

2、async屬性，默認(rèn)為true， 這個(gè)屬性是決定你本次ajax請求是同步還是異步。 如果沒設(shè)置這個(gè)屬性為false，同步的話：js也會(huì)像后臺(tái)代碼一樣，一行一行執(zhí)行下去，

默認(rèn)為true，異步那就有可能出現(xiàn)你的ajax還沒執(zhí)行完，就去執(zhí)行你的下一句js了

其實(shí)ajax挺簡單的，請求后臺(tái)，獲取數(shù)據(jù)回調(diào)， 然后頁面展示，需要注意的就上面兩點(diǎn)，祝你們使用愉快

————————————————————————————————

test.html

<a href="javascript:void(0)" onmouseover="testAsync()">

asy.js

function testAsync(){
    var temp;
    $.ajax({
        async: false,
        type : "GET",
        url : 'tet.php',
        complete: function(msg){
            alert('complete');
        },
        success : function(data) {
            alert('success');
            temp=data;
        }
    });
    alert(temp+'   end');
}

tet.php

<?php

    echo "here is html code";
    sleep(5);

?>

async: false,（默認(rèn)是true）;
如上：false為同步，這個(gè) testAsync()方法中的Ajax請求將整個(gè)瀏覽器鎖死，
只有tet.php執(zhí)行結(jié)束后，才可以執(zhí)行其它操作。

當(dāng)async: true 時(shí)，ajax請求是異步的。但是其中有個(gè)問題：testAsync()中的ajax請求和其后面的操作是異步執(zhí)行的，那么當(dāng)tet.php還未執(zhí)行完，就可能已經(jīng)執(zhí)行了 ajax請求后面的操作，
如： alert(temp+'   end');
然而，temp這個(gè)數(shù)據(jù)是在ajax請求success后才賦值的，結(jié)果，輸出時(shí)會(huì)為空。

分享題目：jquery的ajax請求示例和注意事項(xiàng)
文章轉(zhuǎn)載：http://www.chinadenli.net/article20/iiidco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、營銷型網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站策劃、外貿(mào)建站、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)