本文实例讲述了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", success:function(data){ //成功之后的处理,返回的数据就是 data } error:function(){ alert('error'); //错误的处理 } });
这些东西不需要死记硬背,知道有这么个东西就行了,用的时候拿出来参考下就好了,jquery的ajax请求就这么几种方式,看实际情况自己选择采用哪种方式.
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jquery中Ajax用法总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
更新日志
- 群星《魅音绝唱》黑胶CD【WAV】
- 腾格尔.2002-四十独白【风潮】【WAV+CUE】
- 陈明真.1992-到哪里找那么好的人【华星】【WAV+CUE】
- 黄凯芹.2012-廿五年3CD【环球】【WAV+CUE】
- 证声音乐图书馆《七夕 爵士情缘》[320K/MP3][64.8MB]
- 证声音乐图书馆《七夕 爵士情缘》[FLAC/分轨][327.79MB]
- 杨泰瑞《City Boy》[320K/MP3][28.71MB]
- 胡彦斌《失业情歌》首版[WAV+CUE]
- 杨泰瑞《City Boy》[FLAC/分轨][159.66MB]
- APM亚流新世代《一起冒险》[320K/MP3][68.66MB]
- FIM《天伦乐》(DaydreamsAndLullabies)24K金碟[WAV+CUE]
- 【雨果唱片】中国管弦乐《鹿回头》
- 【雨果唱片】中国管弦乐《鹿回头》WAV
- APM亚流新世代《一起冒险》[FLAC/分轨][106.77MB]
- 崔健《飞狗》律冻文化[WAV+CUE][1.1G]