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

執筆記憶的空白發表於2015-09-01

最近很多人問我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挺簡單的,請求後臺,獲取資料回撥, 然後頁面展示,需要注意的就上面兩點,祝你們使用愉快

相關文章