jquery 的ajax請求示例和注意事項

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

寫一個簡單的ajax訪問：

1. $.ajax({  

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

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

4.                 cache:false,    //控制是否緩存數據（post請求默認false，而get請求會為true,容易造成頁面數據緩存問題）  

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

6.                 data:{scheduleDate:scheduleDate},   //傳入參數  

7.                 success:function(data){  

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

9.                         $(".showMessage").html(data); //從后臺獲取數據的回調函數  

10.                     }  

11.                 }  

12.             });  

使用ajax需要注意的兩點：

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

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

默認為true，異步那就有可能出現你的ajax還沒執行完，就去執行你的下一句js了

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

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

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,（默認是true）;
如上：false為同步，這個 testAsync()方法中的Ajax請求將整個瀏覽器鎖死，
只有tet.php執行結束后，才可以執行其它操作。

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