交流群:462197261站长百科站长论坛热门标签收藏本站北冥有鱼 互联网前沿资源第一站 助力全行业互联网+
点击这里给我发消息
  • 当前位置:
  • 一文快速了解JQuery中的AJAX

    
    $.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功能示例

    广而告之:
    热门推荐:
    两种可以实现DEDECMS栏目统计功能的方法

    我知道织梦DEDECMS的后台,可以统计出网站的文章数量信息,但是不能显示每个栏目的文章统计信息, 以下是两种可以实现栏目文章统计信息的方法,提供给大家学习研究。 第一种方法:   1、 修改include/inc_arcpart_view.php文件   找到function ParseTemplet···

    nodejs实现获取当前url地址及url各种参数值

    复制代码 代码如下: //需要使用的模块 http   url 当前url   http://localhost:8888/select?aa=001&bb=002 var http = require('http'); var URL = require('url'); http.createServer(function(req, res){    var arg = url.parse(req···

    SpringBoot整合模板引擎过程代码实例

    一、SpringBoot整合freemarker:   1.引入freemarker模板依赖: <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-freemarker</artifactId> <version>1.5.9.RELEASE</version> &···

    JavaScript中数据结构与算法(五):经典KMP算法

    KMP算法和BM算法 KMP是前缀匹配和BM后缀匹配的经典算法,看得出来前缀匹配和后缀匹配的区别就仅仅在于比较的顺序不同 前缀匹配是指:模式串和母串的比较从左到右,模式串的移动也是从 左到右 后缀匹配是指:模式串和母串的的比较从右到左,模式串的移动从左到右。 通过上一章显···

    Dedecms本地上传缩略图启用水印的方法

    关于Dedecms本地上传缩略图启用水印的问题,很多朋友在织梦论坛问,研究了一下,找到了解决方法,特别分享给大家,以下为解决方法:   打开dede/archives_do.php    找到第104行    $upfile = AdminUpload('litpic', 'imagelit', 0,···

    JSF中confirm弹出框的用法示例介绍

    复制代码 代码如下: function checkInput(objectSource) { if(objectSource.onclick){ objectSource.oldOnClick = objectSource.onclick; objectSource.onclick = null; } var attachfile = $('#attachment').val(); if(content.indexOf("附件") != -1 && attac···

    js中生成map对象的方法

    复制代码 代码如下: var Map = function(){ this._entrys = new Array(); this.put = function(key, value){ if (key == null || key == undefined) { return; } var index = this._getIndex(key); if (index == -1) { var entry = new Object(); entry.key = key; entr···

    JWT+Log4net配置与使用详解

    Log4net的优点 log4net是.Net下一个非常优秀的开源日志记录组件。log4net记录日志的功能非常强大。它可以将日志分不同的等级,以不同的格式,输出到不同的媒介。程序运行过程中就能生成并输出日志信息而无需人工干预,可供开发人员尽快找到应用程序中的Bug。另外,日志信息可以···

    微信小程序 参数传递实例代码

    微信小程序 参数传递实例代码 1、通过事件传递参数 实例代码: <view data-id="103" bindtap="evenName"></view> Page({ evenName: function(e) { //获得点击事件传递的id console.log(e.target.dataset.id); })  2、通过页面跳转传递参数 页面1···

    javascript事件模型代码

    本节稍稍深入地讨论关于事件处理的话题,如果你对模式、闭包和面向对象等概念还不太理解,不妨暂且等阅读完相关内容之后再回过头来阅读它,相信你会有很大收获。 1 事件处理模式        在程序设计领域,“事件处理”是一种模式···