jquery 的ajax請求示例和注意事項
最近很多人問我ajax該怎麼用,怎麼訪問後臺,怎麼取得資料頁面顯示
寫一個簡單的ajax訪問:
$.ajax({
url: ctx +"/meeting/getMeetingRoomMap", //請求後臺地址
type:"get", //請求方式
cache:false, //控制是否快取資料(post請求預設false,而get請求會為true,容易造成頁面資料快取問題)
async:false, //控制同步還是非同步
data:{scheduleDate:scheduleDate}, //傳入引數
success:function(data){
if(data!=null && data!=""){
$(".showMessage").html(data); //從後臺獲取資料的回撥函式
}
}
});
使用ajax需要注意的兩點:
1、cache屬性,預設為true, 就是頁面是否需要快取的問題,很多人說明明修改了值,為什麼值沒變,就是因為這個屬性在作怪,請求的時候,可以設定為false
2、async屬性,預設為true, 這個屬性是決定你本次ajax請求是同步還是非同步。 同步的話:js也會像後臺程式碼一樣,一行一行執行下去,
如果沒設定這個屬性為false,那就有可能出現你的ajax還沒執行完,就去執行你的下一句js了
其實ajax挺簡單的,請求後臺,獲取資料回撥, 然後頁面展示,需要注意的就上面兩點,祝你們使用愉快
相關文章
- jQuery ajax請求程式碼例項分享jQuery
- jquery ajax 跨域請求jQuery跨域
- 原聲ajax與jquery ajax請求的區別jQuery
- KKB : Jquery實現Ajax請求jQuery
- .Net Core使用HttpClient請求Web API注意事項HTTPclientWebAPI
- React 中用jQuery的ajax 和 axios請求資料ReactjQueryiOS
- 基於jQuery的三種AJAX請求jQuery
- jquery的ajax請求servlet與響應jQueryServlet
- jQuery 語法總結和注意事項jQuery
- jQuery的AJAX請求中contentType和dataType的區別jQuery
- Jquery編寫注意事項jQuery
- 使用jQuery的ajax同步請求吃過的虧jQuery
- jquery Ajax 請求錯誤 Unexpected tokenjQuery
- jQuery裡如何使用ajax傳送請求jQuery
- dTree無限級目錄樹和JQuery同步ajax請求jQuery
- JQuery使用deferreds序列多個ajax請求jQuery
- ajax請求
- 學習AJAX必知必會(4)~JQuery傳送Ajax請求jQuery
- 跨域請求之jQuery的ajax jsonp的使用解惑跨域jQueryJSON
- jquery在表單提交之前,給submit按鈕繫結ajax請求需要注意的細節jQueryMIT
- 利用JQuery實現更簡單的Ajax跨域請求jQuery跨域
- AJAX的POST和GET請求的區別
- ajax中設定請求頭和自定義請求頭
- jQuery的ajax和json使用例項jQueryJSON
- ajax請求 juery
- ajax實現的跨域請求程式碼例項跨域
- jQuery ajax請求返回401問題解決方案jQuery
- 認清申請SSL證書的注意事項
- ajax請求且帶返回值的程式碼例項
- jQuery+PHP+Ajax動態數字統計展示例項jQueryPHP
- 網頁請求(Ajax)網頁
- AJAX 非同步請求非同步
- AJAX的get和post請求原生編寫方法
- 直流負載箱的安全事項和注意事項有哪些?負載
- jquery實現的ajax請求獲取json資料程式碼jQueryJSON
- URLEncode和URLDecode的注意事項
- jQuery實現的非同步請求程式碼例項jQuery非同步
- Xlistview的注意事項View