首页 > 代码库 > AJAX基础
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基础