很多人都為javascript而感到困惑，寫(xiě)個(gè)效果太復(fù)雜了，有了jquery后，我們就能夠很簡(jiǎn)單的寫(xiě)一些很漂亮的效果。而這次我要說(shuō)的不是這個(gè)，是jquery對(duì)ajax的支持，下面先簡(jiǎn)單說(shuō)一下jquery對(duì)ajax的一些函數(shù)
通用方式：
$.ajax(prop) 通過(guò)一個(gè)ajax請(qǐng)求，回去遠(yuǎn)程數(shù)據(jù)，prop是一個(gè)hash表，它可以傳遞的key/value有以下幾種 。
(String)type：數(shù)據(jù)傳遞方式(get或post)。
((String)url：數(shù)據(jù)請(qǐng)求頁(yè)面的url
((String)data：傳遞數(shù)據(jù)的參數(shù)字符串，只適合post方式
((String)dataType：期待數(shù)據(jù)返回的數(shù)據(jù)格式(例如 "xml", "html", "script",或 "json")
((Boolean)ifModified： 當(dāng)最后一次請(qǐng)求的相應(yīng)有變化是才成功返回，默認(rèn)值是false
((Number)timeout:設(shè)置時(shí)間延遲請(qǐng)求的時(shí)間。可以參考$.ajaxTimeout
((Boolean)global：是否為當(dāng)前請(qǐng)求觸發(fā)ajax全局事件，默認(rèn)為true
((Function)error：當(dāng)請(qǐng)求失敗時(shí)觸發(fā)的函數(shù)。
((Function)success：當(dāng)請(qǐng)求成功時(shí)觸發(fā)函數(shù)
((Function)complete：當(dāng)請(qǐng)求完成后出發(fā)函數(shù)

1 $.ajax( {url: " ajax.htm " ,
2 success: function (msg) {
3 $(div " #a " ).html(msg);
4 }
5 } );

1 $.ajax( {url: " ajax.aspx " ,
2 type: " get " ,
3 dataType: " html " ,
4 data: " name=John&location=Boston " ,
5 success: function (msg) {
6 $( " #a " ).html(msg);
7 }
8 } );

$.get(url, params, callback) 用get方式向遠(yuǎn)程頁(yè)面?zhèn)鬟f參數(shù)，請(qǐng)求完成后處理函數(shù)，除了url外，其它參數(shù)任意選擇 ！

1 <! DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
2 < html xmlns ="http://www.w3.org/1999/xhtml" >
3 < head >
4 < title > UntitledPage </ title >
5 < script src ="../jquery.js" ></ script >
6 < script language =javascript >
7 $(document).ready(
8 function ()
9 {
10 $( " #ajbt " ).click(
11 function ()
12 {
13 $( " #loadimg " ).ajaxStart(
14 function ()
15 {
16 $( " #loadimg " ).css( " display " , " block " );
17 }
18 );
19
20 // $.ajaxTimeout(500000000);
21 $.ajax(
22 {
23 type: " get " ,
24 url: " Default2.aspx " ,
25 datatype: " text " ,
26 data: " name=John " ,
27 complete: function ()
28 {
29 $( " #loadimg " ).css( " display " , " none " );
30 } ,
31 success: function (msg) {
32
33
34 $( " #a " ).html(msg);
35 }
36 }
37 );
38 }
39 );
40 $( " #loadimg " ).css( " display " , " none " );
41 }
42 );
43
44 </ script >
45 </ head >
46 < body >
47 < input type =button value ="ajaxdata" id ="ajbt" />
48 < div id ="a" >< img src =2.gif id ="loadimg" ></ div >
49 </ body >
50 </ html >
51

1 protected void Page_Load( object sender,EventArgse)
2 {
3 System.Threading.Thread.Sleep( 3000 );
4 if ( ! this .IsPostBack)
5 {
6 if (Request[ " name " ].ToString() != "" )
7 {
8 httpresponse(Request[ " name " ].ToString());
9 }
10 else
11 {
12 httpresponse(Request[ " name " ].ToString());
13 }
14 }
15 }
16 public void httpresponse( string name)
17 {
18 // HttpContext.Current.Response;
19 HttpContext.Current.Response.Write(name);
20 }
21

jquery制作一個(gè)簡(jiǎn)單的loading