JQuery實(shí)現(xiàn)ajax請(qǐng)求的示例和注意事項(xiàng)
最近很多人問(wèn)我ajax該怎么用，怎么訪問(wèn)后臺(tái)，怎么取得數(shù)據(jù)頁(yè)面顯示
寫一個(gè)簡(jiǎn)單的ajax訪問(wèn)：
$.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,容易造成頁(yè)面數(shù)據(jù)緩存問(wèn)題）
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è)面是否需要緩存的問(wèn)題，很多人說(shuō)明明修改了值，為什么值沒(méi)變，就是因?yàn)檫@個(gè)屬性在作怪，請(qǐng)求的時(shí)候，可以設(shè)置為false
2、async屬性，默認(rèn)為true， 這個(gè)屬性是決定你本次ajax請(qǐng)求是同步還是異步。 同步的話：js也會(huì)像后臺(tái)代碼一樣，一行一行執(zhí)行下去，
如果沒(méi)設(shè)置這個(gè)屬性為false，那就有可能出現(xiàn)你的ajax還沒(méi)執(zhí)行完，就去執(zhí)行你的下一句js了
其實(shí)ajax挺簡(jiǎn)單的，請(qǐng)求后臺(tái)，獲取數(shù)據(jù)回調(diào)， 然后頁(yè)面展示，需要注意的就上面兩點(diǎn)，祝你們使用愉快
總結(jié)
以上就是這篇文章的全部?jī)?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)簡(jiǎ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)無(wú)縫向上循環(huán)滾動(dòng)列表的特效
- jQuery AJAX與jQuery事件的分析講解
相關(guān)文章
jQuery動(dòng)態(tài)創(chuàng)建html元素的常用方法匯總
這篇文章主要介紹了jQuery動(dòng)態(tài)創(chuàng)建html元素的常用方法,包括jQuery追加元素、遍歷數(shù)組以及使用模板等方法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2014-09-09
本文主要介紹了使用jQuery快速高效制作網(wǎng)頁(yè)交互特效的方法，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
這篇文章主要介紹了jQuery中scrollTop()方法用法,實(shí)例分析了scrollTop()方法的功能、定義及返回或設(shè)置匹配元素的滾動(dòng)條的垂直偏移量時(shí)的使用技巧,需要的朋友可以參考下2015-01-01
jQuery實(shí)現(xiàn)MSN中文網(wǎng)滑動(dòng)Tab菜單效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)MSN中文網(wǎng)滑動(dòng)Tab菜單效果代碼,基于jQuery鼠標(biāo)事件實(shí)現(xiàn)頁(yè)面元素屬性動(dòng)態(tài)切換的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
基于JQuery的浮動(dòng)DIV顯示提示信息并自動(dòng)隱藏
浮動(dòng)DIV定時(shí)顯示提示信息,如操作成功, 失敗等,需要的朋友可以參考下。2011-02-02
jquery animate圖片模向滑動(dòng)示例代碼
jquery animate() 用于創(chuàng)建自定義動(dòng)畫的函數(shù)。這個(gè)函數(shù)的關(guān)鍵在于指定動(dòng)畫形式及結(jié)果樣式屬性對(duì)象。2011-01-01
jquery點(diǎn)擊改變class并toggle的實(shí)現(xiàn)代碼
下面小編就為大家?guī)?lái)一篇jquery點(diǎn)擊改變class并toggle的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
jquery拖動(dòng)插件(jquery.drag)使用介紹
可以使用鼠標(biāo)任意拖動(dòng)列表項(xiàng)改變默認(rèn)的位置，具體的實(shí)現(xiàn)如下(附演示)，感興趣的朋友可以學(xué)習(xí)下2013-06-06
基于pthread_create,readlink,getpid等函數(shù)的學(xué)習(xí)與總結(jié)
以下是對(duì)pthread_create,readlink,getpid等函數(shù)的用法進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以參考下2013-07-07
本篇文章主要是對(duì)Cookie中的Path與domain進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12