一文快速了解JQuery中的AJAX


Posted in jQuery onMay 31, 2019
$.ajax({
  url:"http://www.microsoft.com",  //请求的url地址
  dataType:"json",  //返回格式为json
  async:true,//请求是否异步,默认为异步,这也是ajax重要特性
  data:{"id":"value"},  //参数值
  type:"GET",  //请求方式
  beforeSend:function(){
    //请求前的处理
  },
  success:function(req){
    //请求成功时处理
  },
  complete:function(){
    //请求完成的处理
  },
  error:function(){
    //请求出错处理
  }
});

ajax方法常用参数

1.url:

要求为String类型的参数,(默认为当前页地址)发送请求的地址。

2.type:

要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。

3.async:

要求为Boolean类型的参数,默认设置为true,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为false。注意,同步请求将锁住浏览器,用户其他操作必须等待请求完成才可以执行。

4.data:

要求为Object或String类型的参数,发送到服务器的数据。如果已经不是字符串,将自动转换为字符串格式。get请求中将附加在url后。防止这种自动转换,可以查看

processData选项。对象必须为key/value格式,例如

{foo1:"bar1",foo2:"bar2"}转换为&foo1=bar1&foo2=bar2。如果是数组,JQuery将自动为不同值对应同一个名称。例如{foo:["bar1","bar2"]}转换为&foo=bar1&foo=bar2

5.dataType:

要求为String类型的参数,预期服务器返回的数据类型。如果不指定,JQuery将自动根据http包mime信息返回responseXML或responseText,并作为回调函数参数传递。可用的类型如下:
xml:返回XML文档,可用JQuery处理。
html:返回纯文本HTML信息;包含的script标签会在插入DOM时执行。
script:返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求时(不在同一个域下),所有post请求都将转为get请求。
json:返回JSON数据。
jsonp:JSONP格式。使用SONP形式调用函数时,例如myurl?callback=?,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。
text:返回纯文本字符串。

6.beforeSend:

要求为Function类型的参数,发送请求前可以修改XMLHttpRequest对象的函数,例如添加自定义HTTP头。在beforeSend中如果返回false可以取消本次ajax请求。XMLHttpRequest对象是惟一的参数。   

function(XMLHttpRequest){
        this;  //调用本次ajax请求时传递的options参数
      }

7.complete:

要求为Function类型的参数,请求完成后调用的回调函数(请求成功或失败时均调用)。参数:XMLHttpRequest对象和一个描述成功请求类型的字符串。

function(XMLHttpRequest, textStatus){
       this;  //调用本次ajax请求时传递的options参数
     }

8.success:

要求为Function类型的参数,请求成功后调用的回调函数,有两个参数。

         (1)由服务器返回,并根据dataType参数进行处理后的数据。
         (2)描述状态的字符串。       

function(data, textStatus){
      //data可能是xmlDoc、jsonObj、html、text等等
      this; //调用本次ajax请求时传递的options参数
     }

9.error:

要求为Function类型的参数,请求失败时被调用的函数。该函数有3个参数,即XMLHttpRequest对象、错误信息、捕获的错误对象(可选)。ajax事件函数如下:

function(XMLHttpRequest, textStatus, errorThrown){
     //通常情况下textStatus和errorThrown只有其中一个包含信息
     this;  //调用本次ajax请求时传递的options参数
    }

总结

以上所述是小编给大家介绍的JQuery中的AJAX,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

jQuery 相关文章推荐
jquery.masonry瀑布流效果
May 25 jQuery
jQuery实现table中两列CheckBox只能选中一个的示例
Sep 22 jQuery
jQuery实现的form转json经典示例
Oct 10 jQuery
jquery实现侧边栏左右伸缩效果的示例
Dec 19 jQuery
jQuery进阶实践之利用最优雅的方式如何写ajax请求
Dec 20 jQuery
基于jquery trigger函数无法触发a标签的两种解决方法
Jan 06 jQuery
jQuery幻灯片插件owlcarousel参数说明中文文档
Feb 27 jQuery
深入浅析angular和vue还有jquery的区别
Aug 13 jQuery
jquery实现下载图片功能
Jul 18 jQuery
jQuery鼠标滑过横向时间轴样式(代码详解)
Nov 01 jQuery
基于jQuery实现挂号平台首页源码
Jan 06 jQuery
jQuery实现查看图片功能
Dec 01 jQuery
jQuery实现动态加载(按需加载)javascript文件的方法分析
May 31 #jQuery
jQuery模拟html下拉多选框的原生实现方法示例
May 30 #jQuery
JS拖动选择table里的单元格完整实例【基于jQuery】
May 28 #jQuery
jquery实现Ajax请求的几种常见方式总结
May 28 #jQuery
jquery操作select常见方法大全【7种情况】
May 28 #jQuery
jQuery实现高级检索功能
May 28 #jQuery
jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例
May 27 #jQuery
You might like
Zend Studio去除编辑器的语法警告设置方法
2012/10/24 PHP
php将数组存储为文本文件方法汇总
2015/10/28 PHP
php封装好的人民币数值转中文大写类
2015/12/20 PHP
javascript函数中的arguments参数
2010/08/01 Javascript
js判断undefined类型示例代码
2014/02/10 Javascript
Javascript和Java获取各种form表单信息的简单实例
2014/02/14 Javascript
jquery实现在页面加载完毕后获取图片高度或宽度
2014/06/16 Javascript
Javascript节点关系实例分析
2015/05/15 Javascript
微信小程序 网络API 上传、下载详解
2016/11/09 Javascript
AngularJs 常用的过滤器
2017/05/15 Javascript
React.Js添加与删除onScroll事件的方法详解
2017/11/03 Javascript
jQuery+ajax读取json数据并按照价格排序示例
2018/03/28 jQuery
详解Vue中使用Axios拦截器
2019/04/22 Javascript
js 实现ajax发送步骤过程详解
2019/07/25 Javascript
[01:43]倾听DOTA2英雄之声 魅惑魔女国服配音鉴赏
2013/06/06 DOTA
Python对list列表结构中的值进行去重的方法总结
2016/05/07 Python
利用Python批量压缩png方法实例(支持过滤个别文件与文件夹)
2017/07/30 Python
python中列表和元组的区别
2017/12/18 Python
python中的turtle库函数简单使用教程
2018/07/23 Python
python实现数据分析与建模
2019/07/11 Python
Python3环境安装Scrapy爬虫框架过程及常见错误
2019/07/12 Python
Python list运算操作代码实例解析
2020/01/20 Python
法国一家多品牌成衣精品中/高档商店:Graduate Store
2019/08/28 全球购物
大学生最常用的自我评价
2013/12/07 职场文书
业务部主管岗位职责
2014/01/29 职场文书
洗发露广告词
2014/03/14 职场文书
诚信的演讲稿范文
2014/05/12 职场文书
协会周年庆活动方案
2014/08/26 职场文书
2014领导班子四风问题查摆思想汇报
2014/09/13 职场文书
教师节标语大全
2014/10/07 职场文书
学生检讨书
2015/01/27 职场文书
中班下学期个人工作总结
2015/02/12 职场文书
2015年第31个教师节致辞
2015/07/31 职场文书
企业财务管理制度范本
2015/08/04 职场文书
阿里云服务器部署RabbitMQ集群的详细教程
2022/06/01 Servers
Vue Mint UI mt-swipe的使用方式
2022/06/05 Vue.js