jQuery中的Ajax----03

为什么80%的码农都做不了架构师？>>>

$.ajax(0方式是jQuery最底层的Ajax实现。

它的结构为:

$.ajax(options)

该方法只有1个参数，但在这个对象里包含了$.ajax()方法所需要的请求设置以及回调函数等信息。参数以key/value的形式存在，所有参数都是可选的。常用的参数如下表所示：

参数名称	类型	说明
url	String	发送请求的地址
type	String	请求方式(POST或GET)，默认是GET
timeout	Number	设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设置
data	Object 或String	发送到服务器的数据。如果已经不是字符串，将自动转换为字符串格式。GET请求中将附加在URL后。防止这种自动转换，可以查看processData选项。对象必须是key/value格式，例如{foo1:"bar1",foo2:"bar2"}转换为&foo1=bar&foo2=bar2。如果是数组，jquery将自动为不同值对应同一个名称，例如 {foo:["bar1","bar2"]}转换为&foo=bar1&foo=bar2
dataType	String	预期服务器返回的数据类型。如果不指定，jquery将自动根据HTTP包MIME信息返回responseXML或responseText,并作为回调函数传递。可用的类型有： xml:返回XML文本,可用jquery处理。 html:返回纯文本HTML信息；包含的script标签会插入DOM时执行 script:返回纯文本javascript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求时(不在同一个域下),所有POST请求都将转为GET请求。 json:返回JSON数据 jsonp:JSONP格式。使用JSONP形式调用函数时，例如myurl?callback=?,jquery将自动替换后一个"?"为正确的函数名，以执行回调函数。 text:返回纯文本字符串。
beforeSend	Function	发送请求前可以修改XMLHttpRequest对象的函数，例如添加自定义HTTP头。在beforeSend中如果返回false可以取消本次Ajax请求。XMLHttpRequest对象是唯一的参数. function(XMLHttpRequest){ this;//调用本次ajax请求时传递的options参数 }
complete	Function	请求完成后调用的回调函数，无论成功与否，都调用。参数：XMLHttpRequest对象和一个描述成功请求类型的字符串。 function(XMLHttpRequest,textStatus){ this;//调用本次ajax请求时传递的options参数 }
success	Function	请求成功后调用的回调函数，有两个参数： 1、由服务器返回，并根据dataType参数进行处理后的数据 2、描述状态的字符串。 function(data,textStatus){ //data可能是xmlDoc、jsonObj、html、text等等 this;//调用本次ajax请求时传递的options参数 }
error	Function	请求失败时被调用的函数。该函数有3个参数，即： XMLHttpRequest对象、错误信息、捕获的错误对象（可选）。 ajax事件函数如下： function(XMLHttpRequest,textStatus,errorThrown){ //通常情况下textStatus和errorThrown只有其中一个包含信息 this;//调用本次ajax请求时传递的options参数 }

global Boolean 默认为true。表示是否触发全局ajax事件。设置为false将不会触发全局Ajax事件。AjaxStart或AjaxStop可以用于控制各种Ajax事件。

前面用到的load()、$.get()、$.post()、$.getScript()和$.getJSON这些方法，都是基于$.ajax()方法构建的。

例如，可以使用下面的jquery代码代替$.getScript()方法：

$(function(){

$('#send').click(function(){

$.ajax({

type:'GET',

url:'test.js',

dataType:'script'

});

})

转载于:https://my.oschina.net/935572630/blog/384359

jQuery中的Ajax----03相关推荐

关于JQuery中的ajax请求或者post请求的回调方法中的操作执行或者变量修改没反映的问题...
前段时间做一个项目,而项目中所有的请求都要用jquery 中的ajax请求或者post请求,但是开始处理一些简单操作还好,但是自己写了一些验证就出现问题了,比如表单提交的时候,要验证帐号的唯一性,所以 ...
jQuery中终止Ajax请求
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
Java程序员从笨鸟到菜鸟之（八十九）跟我学jquery（五）jquery中的ajax详解
Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个开发人员的而有所差异.jQuery提供了一系列Ajax函数 ...
Jquery中使用ajax请求SSM后台时提示：org.springframework.http.converter.HttpMessageNotReadableException: Could no
场景 Jquery中使用ajax向SSM后台请求数据时提示: org.springframework.http.converter.HttpMessageNotReadableException: C ...
jQuery系列（十四）：jQuery中的ajax
1.什么是ajax AJAX = 异步的javascript和XML(Asynchronous Javascript and XML) 简言之,在不重载整个网页的情况下,AJAX通过后台加载数据,并在 ...
用JQuery中的Ajax方法获取web service等后台程序中的方法
用JQuery中的Ajax方法获取web service等后台程序中的方法 1.准备需要被前台html页面调用的web Service,这里我们就用ws来代替了,代码如下: using System; ...
六、jQuery 中的 AJAX 跨域问题
第 2 章:jQuery 中的 AJAX 官方中文文档:https://jquery.cuishifeng.cn/jQuery.Ajax.html 2.1 get 请求 $.get(url, [dat ...
ajax post 没有返回_Ajax异步技术之三：jQuery中的ajax学习
jQuery中的Ajax学习: jQuery是js的一个轻量型框架,已经将js创建的操作进行了封装,而ajax也是js的一部分,所以jQuery也已经将ajax进行了封装. 封装: $.get(url ...
jQuery中的ajax、jquery中ajax全局事件、load实现页面无刷新局部加载、ajax跨域请求jsonp、利用formData对象向服务端异步发送二进制数据，表单序列化（异步获取表单内容）
jQuery中使用ajax: 在jQuery中使用ajax首先需要引入jQuery包,其引入方式可以采用网络资源,也可以下载包到项目文件中,这里推荐下载包到文件中:市面上有多个版本的jQuery库,这 ...
JQuery中使用Ajax赋值给全局变量失败异常的解决方法，jqueryajax
我们在用JQuery的Ajax从后台提取数据后想把它赋值给全局变量,但是却怎么都赋不进,为什么呢? 原因其实很简单,我们用的Ajax是异步操作,也就是说在你赋值的时候数据还没提取出来,你当然赋不进去, ...

jQuery中的Ajax----03

jQuery中的Ajax----03相关推荐

最新文章

热门文章