VIP用户交流群:462197261 收藏本站北冥有鱼 互联网前沿资源第一站 助力全行业互联网+
在线客服:78895949
tonglan
  • 当前位置:
  • 一文快速了解JQuery中的AJAX

    建站教程 2019年11月09日 关键词:,,
    
    $.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的ajax请求添加超时timeout时间的操作方法
    • jQuery的Ajax接收java返回数据方法
    • Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
    • jQuery AJAX 方法success()后台传来的4种数据详解
    • 通过jquery的ajax请求本地的json文件方法
    • jQuery中ajax请求后台返回json数据并渲染HTML的方法
    • jquery 通过ajax请求获取后台数据显示在表格上的方法
    • jQuery实现ajax回调函数带入参数的方法示例
    • jQuery+ajax实现动态添加表格tr td功能示例

    广而告之:
    热门推荐:
    PHP中将数组转成XML格式的实现代码

    下面是网上的 复制代码 代码如下: class ArrayToXML { /** * The main function for converting to an XML document. * Pass in a multi dimensional array and this recrusively loops through and builds up an XML document. * * @param array $data * @param string ···

    Dreamweaver中box shadow怎么添加阴影?

    Dreamweaver中想要使用box-shadow制作阴影效果,该怎么使用box-shadow属性呢?下面我们就来看看详细的教程。 软件名称: Adobe Dreamweaver CC 2017 v17.0 中文破解版(附破解补丁+安装教程) 64位 软件大小: 758MB 更新时间: 2016-11-05 1、打开Dreamweaver软件,ctrl+n新···

    vue axios重复点击取消上一次请求封装的方法

    使用场景 重复点击或者多tab标签使用一个视图等(当然也可以用加载中或者透明背景禁止请求中再次点击) 封装代码 来自于互联网 let pending = []; //声明一个数组用于存储每个请求的取消函数和axios标识 let cancelToken = axios.CancelToken; let removePending = (config)···

    将 vue 生成的 js 上传到七牛的实例

    一般 vue 的项目,大家都是直接把最后生成的 css js 等文件直接上传到服务器,并没有才有 cdn 的业务 这样做一般有2个弊端, 增加服务器带宽压力,访问量一旦上去,服务器就可能因为带宽压力挂掉 部分地区访问速度会变慢 不过虽然知道归知道,但是每次都手动把 js css 文件传···

    用Socket发送电子邮件

    用Socket发送电子邮件 在作者所申请的几个PHP 主页空间中,能够提供mail功能的实在不多,总是调用完mail()函数之后就毫 无下文了。但是电子邮件在网上生活中的作用越来越大。想一想网虫上网不收邮件能叫真正的网虫吗?邮件 的作用我不想再说了,但是如果主页空间不支持mail()···

    js原生日历的实例(推荐)

    突然发现日期对象可以进行 加减 , 利用这个特性写了一个可以说是对只要会JavaScript  的就可以写的日历;没有各种算法,只有一些逻辑相信只要懂javascript就差不多看俩眼就会的日历。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"···

    详解PHP多个进程配合redis的有序集合实现大文件去重

    1.对一个大文件比如我的文件为 -rw-r--r-- 1 ubuntu ubuntu 9.1G Mar 1 17:53 2018-12-awk-uniq.txt 2.使用split命令切割成10个小文件 split -b 1000m 2018-12-awk-uniq.txt -b 按照字节切割 , 支持单位m和k 3.使用10个php进程读取文件 , 插入redis的有序集合结构中 , 重复的···

    MySQL字符集乱码及解决方案分享

    前言 字符集是一套符号和编码的规则,不论是在oracle数据库还是在mysql数据库,都存在字符集的选择问题,而且如果在数据库创建阶段没有正确选择字符集,那么可能在后期需要更换字符集,而字符集的更换是代价比较高的操作,也存在一定的风险,所以,我们推荐在应用开始阶段,就···

    JS中使用cavas截图网页并解决跨域及模糊问题

    前几天给了个需求对浏览器网页进行截图,把网页统计数据图形表等截图保存至用户本地。 首先对于网页截图,我用的是canvas实现,获取你需要截图的模块的div,从而使用canvas对你需要的模块进行截图。 我们先来引入canvas的js文件,js文件获取地址官网主页:http://html2canvas.h···

    CSS实现三角效果的简单实例

    方法一:使用border来设置边框,元素有高度和宽度 XML/HTML Code复制内容到剪贴板 <i class="triangle"></i>           .triangle {          transform:&nbs···