ajax

Posted 我在学python

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax相关的知识,希望对你有一定的参考价值。

1.工作当中会和后台交互,说说封装好的 ajax里的几个参数。

        type: 请求方式(post或get)默认为get。

        async: 同步异步请求,默认true所有请求均为异步请求。

        timeout : 超时时间设置,单位毫秒

        data:要求为Object或String类型的参数,发送到服务器的数据

        cache:默认为true(当dataType为script时,默认为false), 设置为false将不会从浏览器缓存中加载请求信息。

        dataType: 预期服务器返回的数据类型。

    

可用的类型如下:

        xml:返回XML文档,可用JQuery处理。

        html:返回纯文本HTML信息;包含的script标签会在插入DOM时执行。

        script:返回纯文本javascript代码。不会自动缓存结果。

        json:返回JSON数据。

        jsonp:JSONP格式。使用JSONP形式调用函数时,例如myurl?callback=?,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。

        text:返回纯文本字符串。


success:请求成功后调用的回调函数,有两个参数。

        (1)   由服务器返回,并根据dataType参数进行处理后的数据。

        (2)   描述状态的字符串。

        error:要求为Function类型的参数,请求失败时被调用的函数。该函数有3个参数

        (1) XMLHttpRequest对象

        (2) 错误信息

        (3) 捕获的错误对象(可选)

        complete :function(XMLHttpRequest,status){ //请求完成后最终执行参数

$.ajax({ url:"/api/v1.0/orders/"+orderId+"/status", type:"PUT", data:JSON.stringify(data), contentType:"application/json", headers: { "X-CSRFTOKEN":getCookie("csrf_token") }, dataType:"json", success:function (resp) { if ("4101" == resp.errno) { location.href = "/login.html"; } else if ("0" == resp.errno) { $(".orders-list>li[order-id="+ orderId +"]>div.order-content>div.order-text>ul li:eq(4)>span").html("拒绝"); $("ul.orders-list>li[order-id="+ orderId +"]>div.order-title>div.order-operate").hide(); $("#reject-modal").modal("hide"); } } });





以上是关于ajax的主要内容,如果未能解决你的问题,请参考以下文章

Javascript代码片段在drupal中不起作用

前端面试题之手写promise

Ajax 片段元标记 - Googlebot 未读取页面内容

执行AJAX返回HTML片段中的JavaScript脚本

javascript AJAX片段

Spring MVC 3.2 Thymeleaf Ajax 片段