一文快速了解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选择器特殊字符与属性空格问题
Aug 14 jQuery
JQuery 获取多个select标签option的text内容(实例)
Sep 07 jQuery
jQuery实现所有验证通过方可提交的表单验证
Nov 21 jQuery
jQuery中ajax获取数据赋值给页面的实例
Dec 31 jQuery
JQuery实现ajax请求的示例和注意事项
Dec 10 jQuery
Jquery实现无缝向上循环滚动列表的特效
Feb 13 jQuery
jQuery实现ajax的嵌套请求案例分析
Feb 16 jQuery
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
Jun 10 jQuery
Jquery 动态添加元素并添加点击事件实现过程解析
Oct 12 jQuery
jquery 插件重新绑定的处理方法分析
Nov 23 jQuery
jquery将信息遍历到界面上实例代码
Jan 21 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
PHP中使用CURL发送get/post请求上传图片批处理功能
2018/10/15 PHP
JS数组array元素的添加和删除方法代码实例
2015/06/01 Javascript
jQuery实现模拟marquee标签效果
2015/07/14 Javascript
jquery实现滑动特效代码
2015/08/10 Javascript
jQuery实现Flash效果上下翻动的中英文导航菜单代码
2015/09/22 Javascript
jquery实现表格中点击相应行变色功能效果【实例代码】
2016/05/09 Javascript
浅析BootStrap中Modal(模态框)使用心得
2016/12/24 Javascript
jquery中$.fn和图片滚动效果实现的必备知识总结
2017/04/21 jQuery
关于javascript作用域的常见面试题分享
2017/06/18 Javascript
JS实现的A*寻路算法详解
2018/12/14 Javascript
JS实现的新闻列表自动滚动效果示例
2019/01/30 Javascript
JS解惑之Object中的key是有序的么
2019/05/06 Javascript
基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能
2019/11/12 Javascript
JS实现纵向轮播图(初级版)
2020/01/18 Javascript
详解vue中v-on事件监听指令的基本用法
2020/07/22 Javascript
vue 限制input只能输入正数的操作
2020/08/05 Javascript
使用TS来编写express服务器的方法步骤
2020/10/29 Javascript
多种类型jQuery网页验证码插件代码实例
2021/01/09 jQuery
python实现中文转换url编码的方法
2016/06/14 Python
Python科学计算之NumPy入门教程
2017/01/15 Python
python中nan与inf转为特定数字方法示例
2017/05/11 Python
python的命名规则知识点总结
2019/10/04 Python
python 实现绘制整齐的表格
2019/11/18 Python
Python 实现将数组/矩阵转换成Image类
2020/01/09 Python
Python中zip函数如何使用
2020/06/04 Python
升级keras解决load_weights()中的未定义skip_mismatch关键字问题
2020/06/12 Python
python virtualenv虚拟环境配置与使用教程详解
2020/07/13 Python
如何使用Python自动生成报表并以邮件发送
2020/10/15 Python
马来西亚网上购物平台:ezbuy
2018/02/13 全球购物
瑞典度假品牌:OAS
2019/05/28 全球购物
动物科学专业毕业生的自我评价
2013/11/29 职场文书
解除租房协议书
2014/12/03 职场文书
黄石寨导游词
2015/02/05 职场文书
Python 流媒体播放器的实现(基于VLC)
2021/04/28 Python
ipad隐藏软件app图标方法
2022/04/19 数码科技
webpack介绍使用配置教程详解webpack介绍和使用
2022/06/25 Javascript