jquery 的ajax請(qǐng)求示例和注意事項(xiàng)

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

寫(xiě)一個(gè)簡(jiǎn)單的ajax訪問(wèn)：

1. $.ajax({  

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

3.                 type:"get",     //請(qǐng)求方式  

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

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è)面是否需要緩存的問(wèn)題，很多人說(shuō)明明修改了值，為什么值沒(méi)變，就是因?yàn)檫@個(gè)屬性在作怪，請(qǐng)求的時(shí)候，可以設(shè)置為false

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

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

其實(shí)ajax挺簡(jiǎn)單的，請(qǐng)求后臺(tái)，獲取數(shù)據(jù)回調(diào)， 然后頁(yè)面展示，需要注意的就上面兩點(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請(qǐng)求將整個(gè)瀏覽器鎖死，
只有tet.php執(zhí)行結(jié)束后，才可以執(zhí)行其它操作。

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