jQuery Ajax使用例項

2022-04-14 07:59:08 字數 2621 閱讀 5657

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資料的非同步請求

varaj = $.ajax( ,

type:'post',

cache:false,

datatype:'json',

success:function(data)else

},

error :function()

});

//2.$.ajax序列化**內容為字串的非同步請求

functionnotips()

});

}

//3.$.ajax拼接url的非同步請求

varyz=$.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直接互動 ...