AJAX基礎(chǔ)
AJAX基礎(chǔ)知識(shí)點(diǎn):
什么是Ajax? Asynchronous Javascript And XML”(異步JavaScript和XML)
通俗的講就是無(wú)刷新整個(gè)頁(yè)面實(shí)現(xiàn)客戶端與服務(wù)器端進(jìn)行通信的一種手段。
使用Ajax主要用XMLHttpRequest對(duì)象,使用起來(lái)很麻煩,但是經(jīng)過(guò)封裝后結(jié)合JQuery使用起來(lái)很方便。了解Ajax傳統(tǒng)的使用步驟就行。
Ajax傳輸數(shù)據(jù)的3種方式:
1> .XML:笨重,解析相對(duì)困難,是通用的數(shù)據(jù)交換方式
2> .HTML:不需要解析可以直接放到頁(yè)面中,適用于僅更新一部分區(qū)域。傳輸數(shù)據(jù)不方便。
3> .JSON:小巧,有面向?qū)ο蟮奶卣鳎矣泻芏嗟谌絡(luò)ar包可以把java對(duì)象或者是集合轉(zhuǎn)成json對(duì)象,方便
使用JQuery實(shí)現(xiàn)Ajax操作
1> .load方法:可以用于Html文檔的元素節(jié)點(diǎn),load方法加載后的數(shù)據(jù)是一個(gè)html片段
2> $.get $.post $.getJSON 更加靈活,除了使用.load方法外,大部分情況下使用這3種方法
待更新...
什么是Ajax? Asynchronous Javascript And XML”(異步JavaScript和XML)
通俗的講就是無(wú)刷新整個(gè)頁(yè)面實(shí)現(xiàn)客戶端與服務(wù)器端進(jìn)行通信的一種手段。
使用Ajax主要用XMLHttpRequest對(duì)象,使用起來(lái)很麻煩,但是經(jīng)過(guò)封裝后結(jié)合JQuery使用起來(lái)很方便。了解Ajax傳統(tǒng)的使用步驟就行。
Ajax傳輸數(shù)據(jù)的3種方式:
1> .XML:笨重,解析相對(duì)困難,是通用的數(shù)據(jù)交換方式
2> .HTML:不需要解析可以直接放到頁(yè)面中,適用于僅更新一部分區(qū)域。傳輸數(shù)據(jù)不方便。
3> .JSON:小巧,有面向?qū)ο蟮奶卣鳎矣泻芏嗟谌絡(luò)ar包可以把java對(duì)象或者是集合轉(zhuǎn)成json對(duì)象,方便
使用JQuery實(shí)現(xiàn)Ajax操作
1> .load方法:可以用于Html文檔的元素節(jié)點(diǎn),load方法加載后的數(shù)據(jù)是一個(gè)html片段
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<script type= "text/javascript" > //html中元素節(jié)點(diǎn) var $obj=*** ; //向服務(wù)器端請(qǐng)求的url var url= "***" ; //請(qǐng)求所帶的參數(shù),注意必須是Json格式 var args={key1:value1,key2:value2}; //向服務(wù)器發(fā)送請(qǐng)求并把返回的html數(shù)據(jù)直接加載到頁(yè)面中 $obj.load(url,args); </script> |
2> $.get $.post $.getJSON 更加靈活,除了使用.load方法外,大部分情況下使用這3種方法
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
<script type= "text/javascript" > //url:向服務(wù)器發(fā)出請(qǐng)求的url //args:請(qǐng)求所帶的參數(shù),注意是JSON格式 //data:Ajax響應(yīng)后返回的數(shù)據(jù),可以使HTML,XML,JSON //使用$.get示范 $.get(url,args, function (data){ //這里寫返回的與JSON對(duì)象data相關(guān)的代碼 }, "JSON" ); //使用$.post示范 $.post(url,arts, function (data){ //這里寫返回的與JSON對(duì)象data相關(guān)的代碼 }, "JSON" ); //使用$.getJSON示范 $.getJSON(url,args, function (){ |
//這里寫返回的與JSON對(duì)象data相關(guān)的代碼 }); </script> |
待更新...
posted on 2016-08-21 20:13 風(fēng)飛揚(yáng)(windfly) 閱讀(166) 評(píng)論(0) 編輯 收藏 所屬分類: 筆記