我的编程空间,编程开发者的网络收藏夹
学习永远不晚

jQuery.ajax使用的方法

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

jQuery.ajax使用的方法

本文小编为大家详细介绍“jQuery.ajax使用的方法”,内容详细,步骤清晰,细节处理妥当,希望这篇“jQuery.ajax使用的方法”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

  jQuery.ajax( url [, settings ] )说明: 执行一个异步的HTTP(Ajax)的请求。

  url

  类型: String

  一个用来包含发送请求的URL字符串。

  settings

  类型: PlainObject

  一个以"{键:值}"组成的AJAX 请求设置。所有选项都是可选的。可以使用$.ajaxSetup()设置任何默认参数。看jQuery.ajax( settings )下所有设置的完整列表。

  jQuery.ajax( [settings ] )

  settings

  类型: PlainObject

  一个以"{键:值}"组成的AJAX 请求设置。所有选项都是可选的。可以使用$.ajaxSetup()设置任何默认参数。

  accepts (默认: 取决于数据类型)

  类型: PlainObject

  内容类型发送请求头(Content-Type),用于通知服务器该请求需要接收何种类型的返回结果。如果accepts设置需要修改,推荐在$.ajaxSetup() 方法中设置一次。

  async (默认: true)

  类型: Boolean

  默认设置下,所有请求均为异步请求(也就是说这是默认设置为 true )。如果需要发送同步请求,请将此选项设置为 false 。跨域请求和 dataType: "jsonp" 请求不支持同步操作。注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。从 jQuery 1.8 开始, jqXHR ($.Deferred)中使用  async: false  已经过时。您必须使用的 success/error/complete 的回调选项代替相应的jqXHR对象的方法,比如jqXHR.done() 或者过时的jqXHR.success()

  beforeSend

  类型: Function( jqXHR jqXHR, PlainObject settings )

  请求发送前的回调函数,用来修改请求发送前jqXHR(在jQuery 1.4.x的中,XMLHttpRequest)对象,此功能用来设置自定义 HTTP 头信息,等等。该jqXHR和设置对象作为参数传递。这是一个Ajax事件 。在beforeSend函数中返回false将取消这个请求。从jQuery 1.5开始, beforeSend选项将被访问,不管请求的类型。

  cache (默认: true, dataType为"script"和"jsonp"时默认为false)

  类型: Boolean

  如果设置为 false ,浏览器将不缓存此页面。注意: 设置cache为 false将在 HEAD和GET请求中正常工作。它的工作原理是在GET请求参数中附加"_={timestamp}"(译者注:时间戳)。该参数不是其他请求所必须的,除了在IE8中,当一个POST请求一个已经用GET请求过的URL。

  complete

  类型: Function( jqXHR jqXHR, String textStatus )

  请求完成后回调函数 (请求success 和 error之后均调用)。这个回调函数得到2个参数: jqXHR (在 jQuery 1.4.x中是 XMLHTTPRequest) 对象和一个描述请求状态的字符串("success", "notmodified", "error", "timeout", "abort", 或者 "parsererror") 。从jQuery 1.5开始, complete设置可以接受一个函数的数组。每个函数将被依次调用。这是一个Ajax事件 。

  contents

  类型: PlainObject

  一个以"{字符串/正则表达式}"配对的对象,根据给定的内容类型,解析请求的返回结果。 (1.5新增)

  contentType (默认: 'application/x-www-form-urlencoded; charset=UTF-8')

  类型: String

  发送信息至服务器时内容编码类型。默认值是"application/x-www-form-urlencoded; charset=UTF-8",适合大多数情况。如果你明确地传递了一个内容类型(Content-Type)给 $.ajax(),那么他必定会发送给服务器(即使没有数据要发送)。数据将总是使用UTF-8字符集传递给服务器;你必须在服务器端进行适当的解码。

  context

  类型: Object

  这个对象用于设置Ajax相关回调函数的上下文。 默认情况下,这个上下文是一个ajax请求使用的参数设置对象,($.ajaxSettings合并独傲这个设置,传递给$.ajax)。比如指定一个DOM元素作为context参数,这样就设置了complete回调函数的上下文为这个DOM元素。就像这样:

  $.ajax({

  url: "test.html",

  context: document.body

  }).done(function() {

  $(this).addClass("done");

  });

  converters (默认: {"* text": window.String, "text html": true, "text json": jQuery.parseJSON, "text xml": jQuery.parseXML})

  类型: PlainObject

  一个数据类型到数据类型转换器的对象。每个转换器的值是一个函数,返回经转换后的请求结果。 ( 1.5新增)

  crossDomain (默认: 同域请求为false, 跨域请求为true)

  类型: Boolean

  如果你想在同一域中强制跨域请求(如JSONP形式),例如,想服务器端重定向到另一个域,那么需要将crossDomain设置为 true 。 ( 1.5 新增)

  data

  类型: Object, String

  发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后面。查看 processData 选项说明,以禁止此自动转换。对象必须为"{键:值}"格式。如果这个参数是一个数组,jQuery会按照traditional 参数的值, 将自动转化为一个同名的多值查询字符串(查看下面的说明)。注:如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。

  dataFilter

  类型: Function( Object data, String type ) => Object

  一个函数被用来处理XMLHttpRequest的原始响应数据。这是一个预过滤功能,净化响应。您应该返回安全数据。提供data和type两个参数:data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。

  dataType (默认: Intelligent Guess (xml, json, script, or html))

  类型: String

  预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如XML MIME类型就被识别为XML。在1.4中,JSON就会生成一个JavaScript对象,而script则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。可用值:

  "xml": 返回 XML 文档,可用 jQuery 处理。.

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

  "script": 把响应的结果当作 JavaScript 执行。并将其当作纯文本返回。默认情况下不会通过在URL中附加查询字符串变量 "_=[TIMESTAMP]" 进行自动缓存结果,除非设置了cache参数为true。Note: 在远程请求时(不在同一个域下),所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载)

  "json": 把响应的结果当作 JSON 执行,并返回一个JavaScript对象。在 jQuery 1.4 中,JSON 格式的数据以严格的方式解析,如果格式有错误,jQuery都会被拒绝并抛出一个解析错误的异常。(见json.org的更多信息,正确的JSON格式。)

  "jsonp": 以 JSONP 的方式载入 JSON 数据块。会自动在所请求的URL最后添加 "?callback=?"。默认情况下不会通过在URL中附加查询字符串变量 "_=[TIMESTAMP]" 进行自动缓存结果,除非将 cache参数设置为true。

  "text": 返回纯文本字符串。

  多个空格分割的值:从 jQuery 1.5 开始, jQuery可以内容类型(Content-Type)头收到并转换一个您需要的数据类型。例如,如果你想要一个文本响应为XML处理,使用"text xml"数据类型。您也可以将一个JSONP的请求,以文本形式接受,并用jQuery以XML解析: "jsonp text xml"。同样地可以使用"jsonp xml"简写,首先会尝试从 jsonp 到 xml 的转换,如果转换失败,就先将 jsonp 转换成 text, 然后再由 text 转换成 xml。

  error

  类型: Function( jqXHR jqXHR, String textStatus, String errorThrown )

  请求失败时调用此函数。有以下三个参数:jqXHR (在 jQuery 1.4.x前为XMLHttpRequest) 对象、描述发生错误类型的一个字符串 和 捕获的异常对象。如果发生了错误,错误信息(第二个参数)除了得到null之外,还可能是"timeout", "error", "abort" ,和 "parsererror"。 当一个HTTP错误发生时,errorThrown 接收HTTP状态的文本部分,比如: "Not Found"(没有找到) 或者 "Internal Server Error."(服务器内部错误)。 从jQuery 1.5开始, 在error设置可以接受函数组成的数组。每个函数将被依次调用。 注意:此处理程序在跨域脚本和JSONP形式的请求时不被调用。这是一个 Ajax Event。

  global (默认: true)

  类型: Boolean

  无论怎么样这个请求将触发全局AJAX事件处理程序。默认是true 。设置为 false 将不会触发全局 AJAX 事件,如 ajaxStart 或者 ajaxStop。这可以用来控制各种 Ajax Event.

  headers (默认: {})

  类型: PlainObject

  一个额外的"{键:值}"对映射到请求一起发送。此设置会在beforeSend 函数调用之前被设置 ;因此,请求头中的设置值,会被beforeSend 函数内的设置覆盖 。 (1.5 新增 )

  ifModified (默认: false)

  类型: Boolean

  只有上次请求响应改变时,才允许请求成功。使用 HTTP 包 Last-Modified 头信息判断。默认值是false,忽略HTTP头信息。在jQuery 1.4中,他也会检查服务器指定的'etag'来确定数据没有被修改过。

  isLocal (默认: 取决于当前的位置协议)

  类型: Boolean

  允许当前环境被认定为“本地”,(如文件系统),即使jQuery默认情况下不会这么做。以下协议目前公认为本地:file, *-extension, and widget。如果isLocal设置需要修改,建议在$.ajaxSetup()方法中这样做一次。 (1.5 新增 )

  jsonp

  类型: String

  在一个jsonp请求中重写回调函数的名字。这个值用来替代在"callback=?"这种GET或POST请求中URL参数里的"callback"部分,比如{jsonp:'onJsonPLoad'}会导致将"onJsonPLoad=?"传给服务器。在jQuery 1.5,,设置jsonp选项为false,阻止了jQuery从加入"?callback"字符串的URL或试图使用"=?"转换。在这种情况下,你也应该明确设置jsonpCallback设置。例如, { jsonp: false, jsonpCallback: "callbackName" }

  jsonpCallback

  类型: String, Function

  为jsonp请求指定一个回调函数名。这个值将用来取代jQuery自动生成的随机函数名。这主要用来让jQuery生成一个独特的函数名,这样管理请求更容易,也能方便地提供回调函数和错误处理。你也可以在想让浏览器缓存GET请求的时候,指定这个回调函数名。从jQuery 1.5开始,你也可以使用一个函数作为该参数设置,在这种情况下,该函数的返回值就是jsonpCallback的结果。

  mimeType

  类型: String

  一个mime类型用来覆盖XHR的 MIME类型。 (1.5 新增 )

  password

  类型: String

  用于响应HTTP访问认证请求的密码

  processData (默认: true)

  类型: Boolean

  默认情况下,通过data选项传递进来的数据,如果是一个对象(技术上讲只要不是字符串),都会处理转化成一个查询字符串,以配合默认内容类型 "application/x-www-form-urlencoded"。如果要发送 DOM 树信息或其它不希望转换的信息,请设置为 false。

  scriptCharset

  类型: String

  仅适用于当"script"传输使用时(例如,跨域的"jsonp"或 dataType选项为"script" 和 "GET"类型)。请求中使用在script标签上设置charset 属性。通常只在本地和远程的内容编码不同时使用。

  statusCode (默认: {})

  类型: PlainObject

  一组数值的HTTP代码和函数对象,当响应时调用了相应的代码。例如,如果响应状态是404,将触发以下警报:

  $.ajax({

  statusCode: {

  404: function() {

  alert("page not found");

  }

  }

  });

  如果请求成功,状态代码对应的函数作为回调的成功相同的参数;如果在一个错误的结果,他们采取了相同的参数error回调。

  (1.5 新增 )

  success

  类型: Function( Object data, String textStatus, jqXHR jqXHR )

  请求成功后的回调函数。这个函数传递3个参数:从服务器返回的数据,并根据dataType参数进行处理后的数据,一个描述状态的字符串;还有 jqXHR(在jQuery 1.4.x前为XMLHttpRequest) 对象 。在jQuery 1.5, 成功设置可以接受一个函数数组。每个函数将被依次调用。这是一个 Ajax Event

  timeout

  类型: Number

  设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup() 里的全局设置。 超时周期开始于$.ajax 访问成功的那个时间点;如果几个其他请求都在进步并且浏览器有没有可用的连接,它有可能在被发送前就超时了。在 jQuery 1.4.x 和前面的版本中, 如果请求超时,XMLHttpRequest对象是处于无效状态;访问任何对象的成员可能会抛出一个异常。只有在 Firefox 3.0+,script 和 JSONP请求在超时后不能被取消;该脚本将运行即使超时后到达。

  traditional

  类型: Boolean

  如果你想要用传统的方式来序列化数据,那么就设置为true。请参考工具分类下面的jQuery.param 方法.

  type (默认: 'GET')

  类型: String

  请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。

  url (默认: 当前页面地址)

  类型: String

  发送请求的地址。

  username

  类型: String

  于响应HTTP访问认证请求的用户名

  xhr (默认: 当可用的ActiveXObject(IE)中,否则为XMLHttpRequest)

  类型: Function()

  回调创建XMLHttpRequest对象。当可用时默认为ActiveXObject(IE)中,否则为XMLHttpRequest。提供覆盖你自己的执行的XMLHttpRequest或增强工厂。

  xhrFields

  类型: PlainObject

  一对“文件名-文件值”组成的映射,用于设定原生的 XHR对象。例如,如果需要的话,在进行跨域请求时,你可以用它来设置withCredentials为true。

  $.ajax({

  url: a_cross_domain_url,

  xhrFields: {

  withCredentials: true

  }

  });

  在 jQuery 1.5中, withCredentials属性不会传递给原生的XHR从而对于需要使用此属性的 CORS 请求,则只能忽略这个属性。。出于这个原因,我们建议您使用jQuery1.5.1+,如果您需要使用它。

读到这里,这篇“jQuery.ajax使用的方法”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注编程网行业资讯频道。

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

jQuery.ajax使用的方法

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

Fiddler的使用方法

本篇内容介绍了“Fiddler的使用方法”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!1.Fiddler概念Fiddler是强大的抓包工具,
2023-06-02

Kubeflow的使用方法

本篇内容主要讲解“Kubeflow的使用方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Kubeflow的使用方法”吧!Kubeflow 使用指南本文根据 https://github.com
2023-06-19

bootstrap的使用方法

Bootstrap是一个开源的前端框架,用于快速开发响应式网站和Web应用程序。以下是使用Bootstrap的一些基本方法:1. 下载和引入Bootstrap:从官方网站(https://getbootstrap.com/)下载Bootst
2023-09-21

DialogResult的使用方法

DialogResult是一个枚举类型,它表示对话框返回的结果。通常情况下,当用户与对话框进行交互并关闭对话框时,对话框会返回一个DialogResult值,开发人员可以根据该值执行相应的操作。DialogResult枚举包含以下常用的成员
2023-10-08

Python中方法链的使用方法

方法链(method chaining)是面向对象的编程语言中的一种常见语法,可以让开发者在只引用对象一次的情况下,对同一个对象进行多次方法调用。举个例子: 假设我们有一个Foo类,其中包含有两个方法——bar和baz。 我们创建一个Foo
2022-06-04

js中matchAll()方法的使用方法

本篇内容介绍了“js中matchAll()方法的使用方法”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!说明1、matchAll()方法返回一
2023-06-20

tinyMCE的使用方法

这篇文章主要介绍“tinyMCE的使用方法”,在日常操作中,相信很多人在tinyMCE的使用方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”tinyMCE的使用方法”的疑惑有所帮助!接下来,请跟着小编一起来
2023-06-08

performClick()方法的使用

performClick()方法是View类的一个方法,用于模拟用户点击该View的操作。该方法的使用可以分为两种情况:1. 直接调用performClick()方法:可以通过直接调用View的performClick()方法来模拟用户点击
2023-09-13

valueOf()方法的使用

valueOf()方法用于返回给定参数的原生 Number 对象值,参数可以是原生数据类型, String等。该方法是静态方法。该方法可以接收两个参数一个是字符串,一个是基数。该方法有以下几种语法格式:static Integer valueOf(int i)
valueOf()方法的使用
2019-01-19

Server.MapPath 的使用方法

Server.MapPath 是一个用于获取 Web 服务器上文件的物理路径的方法。它的使用方法如下:1. 首先,在 ASP.NET Web 应用程序的代码文件中创建一个 Server 对象。可以使用以下代码创建 Server 对象:```
2023-09-21

java泛型方法的语法使用方法

本篇内容主要讲解“java泛型方法的语法使用方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“java泛型方法的语法使用方法”吧!说明1、泛型方法的语法包括类型参数列表(在尖括号中),它出现在方
2023-06-20

iOS masonry的使用方法

目录iOS masonry的基本使用一、CocoaPods的安装二、Masonry的基本使用1、三个约束和基础APIiOS masonry的基本使用 前言:在写OC的UI时,当在不同的机型上运行时,如果只用frame则会导致视图中的控件严重
2022-05-24

vscode使用chatGPT的方法

ChatGPT是基于GPT-3模型的对话生成模型,可以根据上下文生成自然语言文本来模拟人类对话,这篇文章主要介绍了vscode使用chatGPT,需要的朋友可以参考下
2022-12-09

C#using()的使用方法

本文主要介绍了C#using()的使用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
2023-02-21

Python printf的使用方法

age = 4 name = ‘hmm’ print(‘my name is ‘,name,’age is ‘,age) #第一种方法。 my name is hmm age is 4 p
2023-01-31

php引用的使用方法

本篇内容介绍了“php引用的使用方法”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!说明1、php中引用不是指针,允许用两个变量来指向同一个内
2023-06-20

编程热搜

目录