jquery在非同步提交方面封裝的很好,直接用ajax非常麻煩,jquery大大簡化了我們的操作,不用考慮瀏覽器的差異了。
$.post、$.get是一些簡單的方法,如果要處理複雜的邏輯,還是需要用到jquery.ajax()
一、$.ajax的一般格式12
3456
7$.ajax()
二、$.ajax的引數描述
引數 描述
url 必需。規定把請求傳送到哪個 url。
data 可選。對映或字串值。規定連同請求傳送到伺服器的資料。
success(data, textstatus, jqxhr) 可選。請求成功時執行的**函式。
datatype 可選。規定預期的伺服器響應的資料型別。
預設執行智慧型判斷(xml、json、script 或 html)。
三、$.ajax需要注意的一些地方:
1.data主要方式有三種,html拼接的,json陣列,form表單經serialize()序列化的;通過datatype指定,不指定智慧型判斷。
2.$.ajax只提交form以文字方式,如果非同步提交包含上傳是傳過不過去,需要使用jquery.form.js的$.ajaxsubmit
四、$.ajax我的實際應用例子12
3456
78910
1112
1314
1516
1718
1920
2122
2324
2526
2728
2930
3132
3334
3536
3738
3940
4142
4344
4546
4748
4950
5152
5354
5556
5758
5960
6162
6364
6566
6768
6970
7172
7374
7576
//1.$.ajax帶json資料的非同步請求
var
aj = $.ajax( ,
type:
'post'
,
cache:
false
,
datatype:
'json'
,
success:
function
(data)
else
},
error :
function
()
});
//2.$.ajax序列化**內容為字串的非同步請求
function
notips()
});
}
//3.$.ajax拼接url的非同步請求
var
yz=$.ajax(,
cache:
false
,
datatype:
'json'
,
success:
function
(data)
},
error:
function
(){}
});
//4.$.ajax拼接data的非同步請求
$.ajax(,
success:
function
(data)
});
**
jQuery Ajax 應用例項
根據伺服器端返回的資料格式的不同,分為三種情況 1 伺服器返回json格式的資料 getjson.html檔案的內容如下 getjson.jsp的內容如下 2.伺服器返回xml格式的資料 getxmldata.html getxmldata.jsp 3.伺服器端返回html格式資料 gethtmld...
Jquery Ajax例項 二 省市聯動
其實,用的最多的算是省市聯動了 直接上 了 aspx頁面 view code cs頁面 其實沒什麼用途 只是進行初始化資料 view code protected stringbuilder province new stringbuilder protected stringbuilder cit...
Jquery Ajax呼叫aspx頁面例項
目前,我會的幾種asp.net介面與後台 互動方式有幾種 1 webform 伺服器控制項互動 2 webform jquery ajax 一般處理程式互動 3 webform jquery ajax webservice wcf互動 4 mvc 5 webform jquery ajax直接互動 ...