((Function)success:当请求成功时触发函数 ((Function)complete:当请求完成后出发函数 jQuery代码及说明 $.ajax({url: "ajax.htm...$.getScript(url, callback) 用get方式载入并运行一个远程javascript文件。请求完成后处理函数callback。...ajaxStart(callback) 当ajax请求发生错误是时执行函数callback ajaxComplete(callback) 当ajax请求完成时执行函数callback ajaxError...(callback) 当ajax请求发生错误时执行函数callback ajaxStop(callback) 当ajax请求停止时执行函数callback ajaxSuccess(callback...) 当ajax请求成功时执行函数callback 八、jQuery插件 随着jQuery的广泛使用,已经出现了大量jQuery插件,如thickbox,iFX,jQuery-googleMap等
: 要求为Function类型的参数,请求完成后调用的回调函数(请求成功或失败时均调用)。...只有其中一个包含信息 this; //调用本次ajax请求时传递的options参数 } 12.contentType: 要求为String类型的参数,当发送信息至服务器时...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。 ...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。 ...()函数: $.each()函数不同于JQuery对象的each()方法,它是一个全局函数,不操作JQuery对象,而是以一个数组或者对象作为第1个参数,以一个回调函数作为第2个参数。
,当再次点击同一元素时,则触发指定的第二个函数。...; ajaxStop(callback) 当所有的AJAX都停止时,执行一个函数。...这是一个Ajax事件 当所有AJAX请求都停止时,隐藏loading信息。...$(”#loading”).ajaxStop(function () { $(this).hide(); }); ajaxSuccess(callback) 当一个AJAX请求成功完成后,执行一个函数...这是一个Ajax事件 当AJAX请求成功完成时,显示信息。
要求为Function类型的参数,请求完成后调用的回调函数(请求成功或失败时均调用)。...只有其中一个包含信息 this; //调用本次ajax请求时传递的options参数 } 12.contentType: 要求为String类型的参数,当发送信息至服务器时...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。 ...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。 ...()函数: $.each()函数不同于JQuery对象的each()方法,它是一个全局函数,不操作JQuery对象,而是以一个数组或者对象作为第1个参数,以一个回调函数作为第2个参数。
ajaxComplete( callback ) 当一个AJAX请求结束后,执行一个函数。...( callback ) 当所有的AJAX都停止时,执行一个函数。...这是一个Ajax事件 当所有AJAX请求都停止时,隐藏loading信息。...$("#loading").ajaxStop(function(){ $(this).hide(); }); ajaxSuccess( callback ) 当一个AJAX请求成功完成后,执行一个函数。...这是一个Ajax事件 当AJAX请求成功完成时,显示信息。
第1章 jQuery 实现Ajax应用 本章介绍jQuery中支持Ajax的各种方法和函数,阐述通过Ajax交互的过程与常用方法,重点介绍核心方法$.ajax()的运用技巧。....html:load还未加载完成的时候将ul里的内容显示该图片 当点击“加载”按钮时,通过调用load()方法向服务器请求加载fruit.html文件中的内容 $this.attr("disabled"...使用ajaxSetup()方法设置全局Ajax默认选项 使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值,设置完成后,后面的Ajax请求将不需要再添加这些选项值,它的调用格式为: jQuery.ajaxSetup...ajaxStart()方法用于在Ajax请求发出前触发函数,ajaxStop()方法用于在Ajax请求完成后触发函数。...请求时,元素显示,请求完成时,动画元素自动隐藏。
在折腾前端的时候,有时候要跟后端交互,需要调用Ajax, 原始的Ajax不那么好用,可以用jquery里面的。或者用插件axios。 jQuery对Ajax的操作进行了封装。...可用类型: xml:返回XML文档,可用jquery处理 html:返回纯文本HTML信息,包含的script标签会插入DOM时执行。 script:返回纯文本JavaScript代码。...,jquery将自动替换后一个“?”为正确的函数名,以执行回调函数。 text:返回纯文本字符串。 complete(Function):请求完成后回调函数(请求成功或失败后均调用)。...// 通常情况下textStatus和errorThrown只有一个包含信息 this; // 调用本次Ajax请求时传递的options参数 } contentType(String...):当发送信息至服务器时,内容编码类型默认为"application/x-www-form-urlencoded"。
.ajaxComplete() 当 Ajax 请求完成时注册要调用的处理程序。这是一个 Ajax 事件。....ajaxError() 当 Ajax 请求完成且出现错误时注册要调用的处理程序。这是一个 Ajax 事件。....ajaxStart() 当首个 Ajax 请求完成开始时注册要调用的处理程序。这是一个 Ajax 事件。....ajaxStop() 当所有 Ajax 请求完成时注册要调用的处理程序。这是一个 Ajax 事件。....ajaxSuccess() 当 Ajax 请求成功完成时显示一条消息。 jQuery.get() 使用 HTTP GET 请求从服务器加载数据。
函数 描述 jQuery.ajax() 执行异步 HTTP (Ajax) 请求。 .ajaxComplete() 当 Ajax 请求完成时注册要调用的处理程序。这是一个 Ajax 事件。...jQuery.ajaxSetup() 设置将来的 Ajax 请求的默认值。 .ajaxStart() 当首个 Ajax 请求完成开始时注册要调用的处理程序。这是一个 Ajax 事件。....ajaxStop() 当所有 Ajax 请求完成时注册要调用的处理程序。这是一个 Ajax 事件。 .ajaxSuccess() 当 Ajax 请求成功完成时显示一条消息。...callback (Callback) : (可选参数) 请求完成时(不需要是success的)的回调函数。...当然这里捕捉不到error,因为error的时候根本不会运行该回调函数 //alert(this); }); 点击发送请求: jQuery.get()回调函数里面的 this ,指向的是Ajax请求的选项配置信息
13.2.7 each函数(常用) each 是对数组、json对象 和 dom 对象等的遍历,对每个元素调用一次函数。...使用jQuery函数,实现Ajax请求。 15.1 关于jQuery函数使用Ajax请求的介绍。 jQuery 提供多个与 AJAX 有关的方法。...的数据,包含请求方式、数据、回调方法等 下边介绍的是 $.ajax() 函数中参数 async : 布尔值,表示请求是否异步处理。...); success : 一个function函数,代表请求成功时,从服务端返回了数据,执行的seccess指定函数 相当于之前使用 XMLHttpRequest对象,当readyState==4...success : 一个function函数,代表请求成功时,从服务端返回了数据,执行的seccess指定函数 相当于之前使用 XMLHttpRequest对象,当readyState==4 &&
jQuery对AJAX封装的非常好,这里以简单的商品管理为示例使用jQuery完成AJAX应用。 ?...从这里看回调很完美,其实不然,实际开发中要复杂得多,如当第一个ajax请求完成才可以完成第二个,当第二个完成才可以完成第三个,可能最一个请求要等前面的所有请求都成功时才允许执行或才有条件执行,如 使用ajax...该参数可以是一个函数或一个函数的数组。当延迟失败时,doneCallbacks被调用。回调执行是依照他们添加的顺序。...执行完成,完成状态:"+textStatus); }); 运行结果 成功时: ?...Access-Control-Allow-Headers(当预请求中包含Access-Control-Request-Headers时必须包含) – 这是对预请求当中Access-Control-Request-Headers
注意,同步请求将锁住浏览器,用户其他操作必须等待请求完成才可以执行。 cache:要求为Boolean类型的参数,默认为true(当dataType为script时,默认为false)。...可用的类型如下: xml:返回XML文档,可用JQuery处理。 html:返回纯文本HTML信息;包含的script标签会在插入DOM时执行。 script:返回纯文本JavaScript代码。...function(XMLHttpRequest){ this; //调用本次ajax请求时传递的options参数 } complete:要求为Function类型的参数,请求完成后调用的回调函数(请求成功或失败时均调用...this; //调用本次ajax请求时传递的options参数 } contentType:要求为String类型的参数,当发送信息至服务器时,内容编码类型默认为"application/x-www-form-urlencoded...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。
jQuery提供的方法:each()。...元素时,返回结果是一个包含所选值的数组;当要为表单元素设置选中情况时,可以传递数组参数。...]) 从尚未运行的队列中移除所有项目 dequeue([queueName]) 从队列移除下一个函数,然后执行函数 finish([queueName]) 停止当前正在运行的动画,删除所有排队的动画,并完成匹配元素所有的动画...() 通过序列化表单值,创建对象数组(名称和值) Ajax事件 ajaxComplete(fn) Ajax请求完成时触发的事件执行函数 Ajax事件 ajaxError(fn) Ajax请求发生错误时触发的事件执行函数...Ajax事件 ajaxSend(fn) Ajax请求发送前触发的事件执行函数 Ajax事件 ajaxStart(fn) Ajax请求开始时触发的事件执行函数 Ajax事件 ajaxStop(fn) Ajax
jQuery 代码... }); 这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,即在 DOM 加载完成后才可以对 DOM 进行操作。...该事件方法在 jQuery 语法 章节中已经提到过。 click() click() 方法是当按钮点击事件被触发时会调用一个函数。 该函数在用户点击 HTML 元素时执行。...; } ); focus() 当元素获得焦点时,发生 focus 事件。 当通过鼠标点击选中元素或通过 tab 键定位到元素时,该元素就会获得焦点。...ajaxComplete() 规定 AJAX 请求完成时运行的函数 ajaxError() 规定 AJAX 请求失败时运行的函数 ajaxSend() 规定 AJAX 请求发送之前运行的函数 ajaxStart...() 规定第一个 AJAX 请求开始时运行的函数 ajaxStop() 规定所有的 AJAX 请求完成时运行的函数 ajaxSuccess() 规定 AJAX 请求成功完成时运行的函数 load() 从服务器加载数据
callback (Callback) : (可选参数) 请求完成时(不需要是success的)的回调函数。...当然这里捕捉不到error,因为error的时候根本不会运行该回调函数 //alert(this); }); 点击发送请求: jQuery.get()回调函数里面的 this ,指向的是Ajax...$.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息。详细参数选项见下。...jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。数据类型设置为 "jsonp" 时,jQuery 将自动调用回调函数。...completeFunction请求完成后回调函数 (请求成功或失败时均调用)。参数:XMLHttpRequest 对象,成功信息字符串。
filter 和 find 的区别 结论 submit a form in ajax success callback-AJAX 成功时回调函数中提交 Form API JQuery-Error...success callback-AJAX 成功时回调函数中提交 Form 首先 "target": "_blank" 肯定可以打开新页面 重点在于想要添加 async: false $.ajax...这是一个简单的 GET 请求功能以取代复杂 .ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 .ajax。 参数 Attr Exp url 必需。...规定当请求成功时运行的函数。...规定传递到函数的额外数据。 function 必需。规定当事件发生时运行的函数。
请求完成时执行函数。...并且必须返回新的数据(可能是处理过的)传递给success回调函数。 success 当请求之后调用。传入返回后的数据,以及包含成功代码的字符串。...complete 当请求完成之后调用这个函数,无论成功或失败。传入XMLHttpRequest对象,以及一个包含成功或错误代码的字符串。...当脚本和页面字符集不同时,这特别好用。 Ajax的第一个字母是asynchronous的开头字母,这意味着所有的操作都是并行的,完成的顺序没有前后关系。...比如说,调用对象上的.abort()可以在请求完成前挂起请求。 5.5、参数大全 $.ajax(url,[settings]) url:一个用来包含发送请求的URL字符串。
事件,ready(fn) 当dom载入就绪就可以查询及操纵时绑定的一个要执行的函数,这是事件模块中最重要的一个函数,因为它可以提高web应用程序的响应速度。...,库包含html元素选取和操作,css操作,html事件函数,JavaScript特效和动画,html dom遍历和修改,ajax,utilities。...() 函数 $(this).hide()隐藏当前的 HTML 元素 $(selector).action() $(this).hide() - 隐藏当前元素 jquery函数 // 为了防止文档完全加载就绪之前运行的代码...AJAX 函数 什么是 AJAX?...(url,data,callback) // $.ajax(options) 是低层级 AJAX 函数的语法 url 被加载的数据的 URL data 发送到服务器的数据 callback 被加载时,所执行的函数
function(XMLHttpRequest){ this; //调用本次ajax请求时传递的options参数 } 9.complete: 要求为Function类型的参数,请求完成后调用的回调函数...ajax事件函数如下: function(XMLHttpRequest, textStatus, errorThrown){ //通常情况下textStatus和errorThrown只有其中一个包含信息...this; //调用本次ajax请求时传递的options参数 } 12.contentType: 要求为String类型的参数,当发送信息至服务器时,内容编码类型默认为"application/x-www-form-urlencoded...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。
可用的类型如下: xml:返回XML文档,可用JQuery处理。 html:返回纯文本HTML信息;包含的script标签会在插入DOM时执行。...function(XMLHttpRequest){ this; //调用本次ajax请求时传递的options参数 } 9.complete: 要求为Function类型的参数,请求完成后调用的回调函数...this; //调用本次ajax请求时传递的options参数 } 12.contentType: 要求为String类型的参数,当发送信息至服务器时,内容编码类型默认为"application...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。