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

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

寫一個簡單的ajax訪問：

1. $.ajax({  

2.                 url: ctx +"/meeting/getMeetingRoomMap",   //請求后臺地址  

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

4.                 cache:false,    //控制是否緩存數(shù)據(jù)（post請求默認(rèn)false，而get請求會為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); //從后臺獲取數(shù)據(jù)的回調(diào)函數(shù)  

10.                     }  

11.                 }  

12.             });  

使用ajax需要注意的兩點：

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

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

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

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

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

test.html



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


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

?>

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

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