jQuery将ajax的步骤进行了总结,总合成了几个实用的函数方法
第一种load
function startRequest(){
$("#target").load("14-1.aspx");
}
load用法:load(url,[data],[callback]);
url是异步请求的地址,data用来向服务器传送请求数据,启用data,整个请求
将以post方式进行,否则是get方式。callback为ajax加载成功后运行的回调函数
如果要get方式传递的时候传递参数,可以在URL地址后面用类似?dataName=dataValue&data2=data2Value的方式
使用load方法返回的数据不需要再考虑是文本还是XML,jQuery会自动处理。
如果要筛选获取的数据也只要修改load里就行
function startRequest(){
$("#target").load("14-1.aspx span");
}//加个空格再加上要获取的部分,比如这里是获取了XML数据里的span部分
第二种$.get()和$.post()
提供这两种是因为尽管load方法可以实现get和post
两种方式,但很多时候开发者希望能够指定发送方式并处理服务器返回的值
$.get(url,[data],[callback]);
$.post(url,[data],[callback],[type])
callback接受两个参数,第一个参数是服务器返回的数据,第二个为服务器的状态
post里的type为请求的数据类型,可以使HTML、XML、json等
第四种:$.ajax(option)
尽管load、get、post非常实用方便,但是不能控制错误和很多交互的细节,可以说
这三种方法对ajax的可控性较差。针对这点,jQuery又提供了$.ajax(option)来设置
ajax访问服务器的各个细节
$.ajax({
type:"GET",
url:"xxx.aspx",
data:queryString,
success:function(data){
//如果请求成功则调用该函数,该函数接受两个参数一个是服务器返回数据,一个是服务器状态
}
});
$.ajax({
type:"POST",
url:"xxx.aspx",
data:queryString,
success:function(data){
//如果请求成功则调用该函数,该函数接受两个参数一个是服务器返回数据,一个是服务器状态
}
});
$.ajax({
type:"GET",
url:"xxx.js",
data:"script"
});//以上代码用GET方式获取一段JavaScript代码并执行
$.ajax({
url:"xxx.aspx",
catch:false,
success:function(){
//do
}
});//以上代码强制不缓存服务器的返回结果
//
当页面中有多个部分需要利用ajax进行一步通信时,代码会有重复的部分很麻烦
jQuery提供$.ajaxSetup(opitions)统一设定重复的部分,然后不同的部分再分别设定。
$.getJSON()可以方便的访问来自服务器的json数据,在JavaScript中提供eval()方法可以将字符串转换为
可访问的json对象,转化之后可以通过点语法访问各个数据,比XML方便许多
jQuery与ajax
最新推荐文章于 2024-03-13 07:00:00 发布