jquery实现Ajax请求的⼏种常见⽅式总结
本⽂实例讲述了jquery实现Ajax请求的⼏种常见⽅式。分享给⼤家供⼤家参考,具体如下:
⽤原⽣的javascript开发ajax有着许多重复的代码,当然你也可以封装成可以复⽤的js代码,但却不⼀定那么通⽤。但jquery 提供的⼏种AJAX请求的⼏种⽅式,从简单到复杂,有更多的选择空间,下⾯总结⼏种在项⽬中常⽤的jquery ajax请求的⽅式,由于AJAX 与语⾔不相关,所以省略后台语⾔部分,重点放在前端。
1. ⽤jquery 的load()⽅法实现ajax请求
2. ⽤jquery 的post() ,get()⽅法
3. ⽤jquery 的Ajax()⽅法,这个最强悍.
1. ⽤jquery 的 load() ⽅法实现ajax请求
格式如下:
$('#mydiv').load('/myrequest/url/param')
这⾥的 "mydiv" 是要加载内容的区域 /myrequest/url/param 是你要请求的服务端的 URL. ⼀旦得到结果,就会把服务端返回的内容显⽰在 mydiv 区域中.
2. ⽤jquery 的 post() ,get() ⽅法
其实这也就是对应 http 请求中的 POST,GET,
基本格式如下
$post('/myrequest/url/param',
{
text:"mytext",
other:"other_param"
},
// 调⽤服务端成功后的回调函数
function(){
alert('succeccd');
}
)
$get 的操作⽅式类似.就不在多说了.
3. ⽤jquery 的 Ajax() ⽅法
这个估计也是⼀般项⽬中最常见的请求⽅法了,因为他的功能最强⼤,能完成各种需求的ajax请求:
可以指定返回的类型: xml,html,或者json 格式
可以指定 beforeSend,error,success,complete 这些事件发⽣时的回调函数
可以⽤参数来指定ajax 请求过期的时间,⽐如服务端没有响应等.
基本格式如下:
$.ajax({
async:false,//同步,异步
url:"/addjoke", //请求的服务端地址
data:{
content:mycontent,
title:joketitle,
d:Math.random()
},
type:"post",
dataType:"text",
jquery ajax例子
success:function(data){
//成功之后的处理,返回的数据就是 data
}
error:function(){
alert('error'); //错误的处理
}
});
这些东西不需要死记硬背,知道有这么个东西就⾏了,⽤的时候拿出来参考下就好了,jquery的ajax请求就这么⼏种⽅式,看实际情况⾃⼰选择采⽤哪种⽅式.
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》及《》
希望本⽂所述对⼤家jQuery程序设计有所帮助。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。