jquery实现Ajax请求的几种常见方式总结

站长资源 2024/11/25 佚名

78 1538 78

DDR爱好者之家 Design By 杰米

本文实例讲述了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程序设计有所帮助。

jquery,Ajax请求

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“jquery实现Ajax请求的几种常见方式总结”

暂无评论...

jquery实现Ajax请求的几种常见方式总结

实例详解带参数的 npm script

Vue2.x通用条件搜索组件的封装及应用详解

评论“jquery实现Ajax请求的几种常见方式总结”

更新日志

友情链接