AJAX基礎
AJAX基礎知識點:
什么是Ajax? Asynchronous Javascript And XML”(異步JavaScript和XML)
通俗的講就是無刷新整個頁面實現客戶端與服務器端進行通信的一種手段。
使用Ajax主要用XMLHttpRequest對象,使用起來很麻煩,但是經過封裝后結合JQuery使用起來很方便。了解Ajax傳統的使用步驟就行。
Ajax傳輸數據的3種方式:
1> .XML:笨重,解析相對困難,是通用的數據交換方式
2> .HTML:不需要解析可以直接放到頁面中,適用于僅更新一部分區域。傳輸數據不方便。
3> .JSON:小巧,有面向對象的特征,且有很多第三方jar包可以把java對象或者是集合轉成json對象,方便
使用JQuery實現Ajax操作
1> .load方法:可以用于Html文檔的元素節點,load方法加載后的數據是一個html片段
2> $.get $.post $.getJSON 更加靈活,除了使用.load方法外,大部分情況下使用這3種方法
待更新...
什么是Ajax? Asynchronous Javascript And XML”(異步JavaScript和XML)
通俗的講就是無刷新整個頁面實現客戶端與服務器端進行通信的一種手段。
使用Ajax主要用XMLHttpRequest對象,使用起來很麻煩,但是經過封裝后結合JQuery使用起來很方便。了解Ajax傳統的使用步驟就行。
Ajax傳輸數據的3種方式:
1> .XML:笨重,解析相對困難,是通用的數據交換方式
2> .HTML:不需要解析可以直接放到頁面中,適用于僅更新一部分區域。傳輸數據不方便。
3> .JSON:小巧,有面向對象的特征,且有很多第三方jar包可以把java對象或者是集合轉成json對象,方便
使用JQuery實現Ajax操作
1> .load方法:可以用于Html文檔的元素節點,load方法加載后的數據是一個html片段
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<script type= "text/javascript" > //html中元素節點 var $obj=*** ; //向服務器端請求的url var url= "***" ; //請求所帶的參數,注意必須是Json格式 var args={key1:value1,key2:value2}; //向服務器發送請求并把返回的html數據直接加載到頁面中 $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:向服務器發出請求的url //args:請求所帶的參數,注意是JSON格式 //data:Ajax響應后返回的數據,可以使HTML,XML,JSON //使用$.get示范 $.get(url,args, function (data){ //這里寫返回的與JSON對象data相關的代碼 }, "JSON" ); //使用$.post示范 $.post(url,arts, function (data){ //這里寫返回的與JSON對象data相關的代碼 }, "JSON" ); //使用$.getJSON示范 $.getJSON(url,args, function (){ |
//這里寫返回的與JSON對象data相關的代碼 }); </script> |
待更新...
posted on 2016-08-21 20:13 風飛揚(windfly) 閱讀(166) 評論(0) 編輯 收藏 所屬分類: 筆記