AJAX基礎
AJAX
-- 網頁數據異步加載
.ashx
一般處理程序
json
數據格式,在不同的語言之間傳遞數據
對象格式： "{"key":"value","key":"value"}"
數組格式： "[{"key":"value"},{},{}]"
-- 都是字符串格式
例1、對象格式
Handler.ashx
-- 所有內置對象都需要通過 context 點出來
例2、數組格式
Handler2.ashx
-- StringBuilder str = new StringBuilder();
--str.Append(字符串);
-- 拼接文本對象，在堆棧中不會開辟新空間，將原空間擴大
jqeury.ajax基本結構
基本結構
$.ajax({
url : "Handler.ashx", -- 提交到哪個服務端
data: { "uname": s }, -- 提交的數據，以鍵值對的方式傳字符串，只能是字符串，可以傳多個。
type: "post",
dataType: "json", -- 返回值的類型
async:true, （默認可不寫） -- 異步執行 （async: false 關閉異步功能）
success: function ( msg ){
回調，處理完畢返回的結果
},
error:function( ){
出錯（ 路徑錯，服務端錯，沒有返回規定的json格式數據）
},
beforeSend:function( ){
發送之前執行（防止重復請求）
},
complete:function( ){
加載完後執行
}
});
-- 傳遞進去的是字符串，返回的是字符串
例3，操縱一個 json 對象
View Code
--與例1 對應
例4、操縱一組對象
View Code
-- 與例2 對應
--表格中
<thead> </thead> --表 標題
<tbody ></tbody> -- 表 內容
jQuery對象與DOM對象的相互轉換
jQuery對象轉成DOM對象：
兩種轉換方式
1、通過[index]的方法
var $v =$("#v") ; -- jQuery對象
var v=$v[0]; --DOM對象
2、通過.get(index)方法
var $v=$("#v"); --jQuery對象
var v=$v.get(0); --DOM對象
DOM對象轉成jQuery對象:
用$()把DOM對象包裝起來
var v=document.getElementById("v"); -- DOM對象
var $v=$(v); -- jQuery對象
AJAX基礎