美文网首页
JQ 中的ajax 请求总结

JQ 中的ajax 请求总结

作者: Devour_z | 来源:发表于2017-07-08 00:09 被阅读0次

ajax请求有几个回调函数分别是:

**1.beforeSend ** 在发送请求之前调用,并且传入一个XMLHttpRequest作为参数。作为ajax的一个事件
2.error 在请求出错时调用。传入XMLHttpRequest对象,描述错误类型的字符串以及一个异常对象(如果有的话)
3.dataFilter 在请求成功之后调用。传入返回的数据以及"dataType"参数的值。并且必须返回新的数据(可能是处理过的)传递给success回调函数。
4.success 当请求之后调用。传入返回后的数据,以及包含成功代码的字符串。
5.complete 当请求完成之后调用这个函数,无论成功或失败。传入XMLHttpRequest对象,以及一个包含成功或错误代码的字符串。
常用的有success方法和error方法

$.ajax({
      method: "GET", // 一般用 POST 或 GET 方法
      url: "test.js", // 要请求的地址
      dataType: "script",// 服务器返回的数据类型,可能是文本 ,音频 视频 script 等浏览 (MIME类型)器会采用不同的方法来解析。
      data:{ //发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo: ["bar1", "bar2"]} 转换为 "&foo=bar1&foo=bar2"。
     }
     success(){
           console.log();// 成功之后执行这里面的代码
     }
     error(e){
           console.log(e)//请求失败是执行这里的函数
     }
});

具体的 dataType 解释:
预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如XML MIME类型就被识别为XML。在1.4中,JSON就会生成一个JavaScript对象,而script则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。可用值:
"xml": 返回 XML 文档,可用 jQuery 处理。
"html": 返回纯文本 HTML 信息;包含的script标签会在插入dom时执行。
"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了"cache"参数。'''注意:'''在远程请求时(不在同一个域下),所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载)
"json": 返回 JSON 数据 。
"jsonp": jsonp格式。使用jsonp形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。
"text": 返回纯文本字符串

相关文章

  • JQ 中的ajax 请求总结

    ajax请求有几个回调函数分别是: **1.beforeSend ** 在发送请求之前调用,并且传入一个XMLHt...

  • JQ ajax 请求

    相比 js 来说JQ为我们封装了 $.ajax直接用就行了,既简单又方便,减少了代码量。

  • 踩坑:AJAX同步、页面元素替换、耦合

    AJAX同步 用JQ发起AJAX异步请求的时候遇到一个坑。 使用场景是这样的: 在输入框中输入评论信息,单击发送按...

  • 总结两种常见的前端跨域方案CORS与JSONP

    一,目前主流的JSONP,这个名字的来源是jq的Ajax请求有现成的封装好了的跨域方法,只需要在Ajax请求里设置...

  • 通用axios配置 🤝

    前言 如今网页中充斥着各种各样的请求,在几年前,我还没毕业的时候,我只知道ajax,也一直在用JQ的$ajax发送...

  • 基于jq封装ajax请求

    工作中常用到ajax请求,自己又不想重复写这些代码,于是自己封装了一个请求。 如何调用:

  • Vue 基础篇

    Vue 基础篇 一、框架与库的区别 JQ库->DOM(DOM操作) + Ajax请求 art-template库-...

  • jq中的ajax

    常用选项参数介绍:url:请求地址type:请求方法,默认为 getdataType:服务端响应数据类型cont...

  • jq中的ajax

    $.ajax() $.get() $.post() $.getJSON()

  • JQ中的ajax

网友评论

      本文标题:JQ 中的ajax 请求总结

      本文链接:https://www.haomeiwen.com/subject/hefdhxtx.html