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 对象
--与例1 对应
例4、操纵一组对象
-- 与例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对象