JQuery實(shí)現(xiàn)ajax請(qǐng)求的示例和注意事項(xiàng)
最近很多人問我ajax
該怎么用,怎么訪問后臺(tái),怎么取得數(shù)據(jù)頁面顯示
寫一個(gè)簡單的ajax
訪問:
$.ajax({ url: ctx +"/meeting/getMeetingRoomMap", //請(qǐng)求后臺(tái)地址 type:"get", //請(qǐng)求方式 cache:false, //控制是否緩存數(shù)據(jù)(post請(qǐng)求默認(rèn)false,而get請(qǐng)求會(huì)為true,容易造成頁面數(shù)據(jù)緩存問題) async:false, //控制同步還是異步 data:{scheduleDate:scheduleDate}, //傳入?yún)?shù) success:function(data){ if(data!=null && data!=""){ $(".showMessage").html(data); //從后臺(tái)獲取數(shù)據(jù)的回調(diào)函數(shù) } } });
使用ajax需要注意的兩點(diǎn):
1、cache
屬性,默認(rèn)為true
, 就是頁面是否需要緩存的問題,很多人說明明修改了值,為什么值沒變,就是因?yàn)檫@個(gè)屬性在作怪,請(qǐng)求的時(shí)候,可以設(shè)置為false
2、async
屬性,默認(rèn)為true
, 這個(gè)屬性是決定你本次ajax
請(qǐng)求是同步還是異步。 同步的話:js
也會(huì)像后臺(tái)代碼一樣,一行一行執(zhí)行下去,
如果沒設(shè)置這個(gè)屬性為false
,那就有可能出現(xiàn)你的ajax
還沒執(zhí)行完,就去執(zhí)行你的下一句js
了
其實(shí)ajax
挺簡單的,請(qǐng)求后臺(tái),獲取數(shù)據(jù)回調(diào), 然后頁面展示,需要注意的就上面兩點(diǎn),祝你們使用愉快
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,謝謝大家對(duì)腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請(qǐng)查看下面相關(guān)鏈接
- jQuery實(shí)現(xiàn)ajax的嵌套請(qǐng)求案例分析
- jQuery實(shí)現(xiàn)簡單的Ajax調(diào)用功能示例
- 詳解JavaScript原生封裝ajax請(qǐng)求和Jquery中的ajax請(qǐng)求
- jQuery ajax+PHP實(shí)現(xiàn)的級(jí)聯(lián)下拉列表框功能示例
- AJAX在JQuery中的應(yīng)用詳解
- Jquery的Ajax技術(shù)使用方法
- 為jquery的ajax請(qǐng)求添加超時(shí)timeout時(shí)間的操作方法
- Jquery實(shí)現(xiàn)無縫向上循環(huán)滾動(dòng)列表的特效
- jQuery AJAX與jQuery事件的分析講解
相關(guān)文章
基于JQuery的6個(gè)Tab選項(xiàng)卡插件
今天在修整博客側(cè)欄信息時(shí),利用到了Tab選項(xiàng)卡方式,因?yàn)閆Blog封裝的是JQuery庫,所以很自然地就想到了IdTabs。2010-09-09Jquery選擇器簡明版?Jquery選擇器實(shí)用版
最近需要用jquery獲取一些dom數(shù)據(jù)的操作,發(fā)現(xiàn)jquery的選擇器非常強(qiáng)大,很方便進(jìn)行一些dom操作,下面就專門針對(duì)這塊內(nèi)容做個(gè)簡單的介紹,需要的朋友可以參考下2023-05-05jQuery實(shí)現(xiàn)默認(rèn)是閉合的FAQ展開效果菜單
這篇文章主要介紹了jQuery實(shí)現(xiàn)默認(rèn)是閉合的FAQ展開效果菜單,涉及jQuery中slideUp及slideDown用法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09jQuery中操控hidden、disable等無值屬性的方法
在實(shí)現(xiàn)一些表單提交頁面時(shí)會(huì)放置若干隱藏屬性,下面為大家介紹下jQuery中如何操控hidden、disable等無值屬性,感興趣的朋友不要錯(cuò)過2014-01-01jQuery實(shí)現(xiàn)手機(jī)號(hào)碼輸入提示功能實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)手機(jī)號(hào)碼輸入提示功能,實(shí)例分析了jQuery針對(duì)手機(jī)號(hào)碼的判斷與提示相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04