ajax多种事件查询,ajax全局事件

作用：当你的页面存在很多ajax事件的话，我们有一些信息是公共的，可以复用，我们可以用全局事件进行编写，因为每一个ajax事件调用，都会触发ajax全局事件。

jquery的ajax方法的全部全局事件：

ajaxStart：ajax请求开始前

ajaxSend：ajax请求时

ajaxSuccess：ajax获取数据后

ajaxError：ajax请求发生错误后

ajaxComplete：ajax请求完成时

ajaxStop：ajax请求停止后

不使用全局事件的做法是：给单个ajax加一个global：false；

1.ajaxStart

ajaxStart()方法：每当一个Ajax请求即将发送，jQuery检查是否有任何其他响应过程中的Ajax请求(注：未完成的请求)。如果没有检查到，jQuery就会触发ajaxStart事件，在这个时间点所有处理函数都会使用.ajaxStart()方法注册并执行。如果global选项设置为false，调用$.ajax()或$.ajaxStep()方法将不会被触发。

$(document).ajaxStart(function() {

$( "#loading" ).show();//等待画面

});

2.ajaxSend

.ajaxSend()方法：每当一个Ajax请求即将发送，jQuery就会触发ajaxSend事件，在这个时间点所有处理函数都会使用.ajaxSend()方法注册并执行。如果global选项设置为false，调用$.ajax()或$.ajaxStep()方法将不会被触发。

$(document).ajaxSend(function(event, request, settings) {

$( "#msg" ).append( "

Starting request at " + settings.url + "" );

});

3.ajaxSuccess

.ajaxSuccess()方法：每当一个Ajax请求成功完成，jQuery就会触发ajaxSuccess事件，在这个时间点所有处理函数都会使用.ajaxSuccess()方法注册并执行。如果global选项设置为false，调用$.ajax()或$.ajaxStep()方法将不会被触发。

$(document).ajaxSuccess(function(event, request, settings) {

$( "#msg" ).append( "

Successful Request!" );

});

4.ajaxError

.ajaxError()方法：每当一个Ajax请求出错时，jQuery就会触发ajaxError事件，在这个时间点所有处理函数会使用.ajaxError()方法注册并执行。如果global选项设置为false，调用$.ajax()或$.ajaxStep()方法将不会被触发。

$(document).ajaxError(function(event, request, settings) {

$( "#msg" ).append( "

Error requesting page " + settings.url + "" );

});

5.ajaxComplete

.ajaxComplete()方法：每当一个Ajax请求完成，jQuery就会触发ajaxComplete事件，在这个时间点所有处理函数会使用.ajaxComplete()方法注册并执行。如果global属性被设置为false，当完成Ajax请求后不会调用这个方法。

$(document).ajaxComplete(function(event,request, settings) {

$( "#msg" ).append( "

请求完成。" );

});

6.ajaxStop

.ajaxStop()方法：每当一个Ajax请求完成，jQuery检查是否有任何其他响应过程中的Ajax请求(注：未完成的请求)。如果都执行完成，jQuery就会触发ajaxStop事件，在这个时间点所有处理函数都会使用.ajaxStop()方法注册并执行。如果一个未处理完成的Ajax请求用beforeSend回调函数返回false取消，ajaxStop事件也被触发。如果global选项设置为false，调用$.ajax()或$.ajaxStep()方法将不会被触发。

$(document).ajaxStop(function() {

$( "#loading" ).hide();

});ajax

Jquery表单序列化和AJAX全局事件

Jquery表单序列化 1.必须放在form标签内: 2.控件必须有name属性: 3.控件的value值会提交到服务器: 如:

& ...

锋利的jQuery读书笔记---jQuery中Ajax--序列化元素、Ajax全局事件

serialize()方法: 作用于一个jQuery对象,它能够将DOM元素内容序列化为字符串,用于Ajax请求.

jquery的ajax全局事件详解

jquery在ajax方面是非常强大和方便的,以下是jquery进行ajax请求时方法模板: $.ajax({ type: "get", url: "" ...

jQuery中的Ajax全局事件

Ajax全局事件 全局事件会在有ajax请求的情况下触发. 方法名称 说明 ajaxStart(callback) Ajax请求开始时执行的函数 ajaxStop(callback) Ajax请求结束 ...

nprogress进度条和ajax全局事件

nprogress和ajax全局事件 nprogress 官方网站:http://ricostacruz.com/nprogress/ 下载地址:https://github.com/rstacruz ...

关于数据未渲染完，要获取document高度问题——ajax全局事件

昨天在做开发时,遇到这样一个问题,当页面刚加载的时候,就要获取document的高度,可是此时页面上所有的ajax请求的数据都还没有渲染到页面上,所以导致得到的document的高度仅仅是页面结构的高 ...

jquery ajax 全局事件

jquery的ajax方法的全部全局事件:(不管是$.ajax().$.get().$.load().$.getJSON()等都会默认触发全局事件) ajaxStart:ajax请求开始前 ajaxS ...

【锋利的jQuery】中全局事件ajaxStart、ajaxStop不执行

最近一直都在研究[锋利的jQuery],确实是一本好书,受益匪浅.但由于技术发展及版本更新等原因,里面还是有些坑需要踩的. 比如:第六章七节中提到的全局事件ajaxStart.ajaxStop照着案例 ...

jquery中的全局事件

ajaxStart(callback):Ajax请求开始时触发该事件 ajaxSend(callback):Ajax请求发送前触发该事件 ajaxSuccess(callback):Ajax请求成功时 ...

随机推荐

菜鸟浅析JAVA,.NET,C/C++的区别

前言 以前经常看一些文章说到JAVA,.NET的区别,有时候C++er也会过来 凑凑热闹,突然发现这几天手停不下来了,也想写一篇文章 来分析一下 JAVA,.NET,C/C++的优缺点以及他们之间谁“ ...

Devexress XPO xpPageSelector 使用

在官网找到的.在这里做个备注. private void simpleButton1_Click(object sender, EventArgs e) { ) return; xpPageSelec ...

Eclipse设置注释模板

设置注释模板的入口: Window->Preference->Java->Code Style->Code Template 然后展开Comments节点就是所有需设置注释的元 ...

C# 取整

double a = 1.1478; Math.Celling(a): 向上取整,结果为2 Math.Float(a); 向下取整,结果为1 Math.Round(a,2);  保留两位小数的奇进偶舍 ...

简易博客编辑器：玩转document.execCommand命令

xhEditor是基于jQuery开发的跨平台轻量可视化XHTML编辑器,基于LGPL开源协议发布.今天就把它山寨一下. 上几张图,看看效果: 先做出菜单部分:发现是一张背景图片,所以用图片映射的方法 ...

【6】了解Bootstrap栅格系统基础案例(1)

从上一张我们了解了栅格选项,那么我们就来了实战了解下吧(其实还是中文官网的案例) ps.我这里是电脑上用谷歌浏览器来观察的,毕竟电脑的分辨率高(1440*900px),谷歌浏览器最大化后,值比大屏幕设 ...

替换IMG

【原创】shadowebdict开发日记：基于linux的简明英汉字典(三)

全系列目录: [原创]shadowebdict开发日记:基于linux的简明英汉字典(一) [原创]shadowebdict开发日记:基于linux的简明英汉字典(二) [原创]shadowebdic ...

Servlet中进行context属性的同步

Servlet中进行context属性的同步: 必须所有使用context的servlet都进行synchronized才可以实现同步: servlet: package com.stono.serv ...

54、js初识

今天这篇将介绍javascript,学完javascript就可以使你的网页动起来. 一.JavaScript概述  1.JavaScript的历史 1992年Nombas开发出C-minus-min ...