ajaxStart(callback)：Ajax请求开始时触发该事件

ajaxSend(callback)：Ajax请求发送前触发该事件

ajaxSuccess(callback)：Ajax请求成功时触发该事件

ajaxComplete(callback)：Ajax请求完成时触发该事件

ajaxStop(callback)：Ajax请求结束时触发该事件

ajaxError(callback)：Ajax请求出现错误时触发该事件

可以对 jQuery 对象调用上述全局事件。

例如，当用户点击页面上某一按钮请求数据时，在页面上显示 loading... ，页面加载完成后隐藏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>AjaxStartAjaxStop</title>

<script type="text/javascript" src="JS/jquery-1.4.2.min.js"></script>

<script type="text/javascript">

    $(document).ready(function(){

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

    $("#loading").ajaxStart(function(){

        $(this).show();

    });

    $("#loading").ajaxStop(function(){

        $(this).hide();

    });

    $("button[name='btnLoad']").click(function(){

        $.get("http://www.sohu.com", null, function(data){

            $("#content").text(data);

        });

    });

});

</script>

<style type="text/css">

body{ padding:20px; }

textarea{ width:350px; height:120px; }

#loading{ background-color:#eee; border:solid 1px #; margin:5px  10px; padding:5px; font-size:13px; }

</style>

</head>

<body>

<div id="loading">Loading.....</div>

<textarea id="content"></textarea>

<button name="btnLoad">Load</button>

</body>

</html>

直接利用$.ajaxSetup(options)方法统一设定所有$.ajax()方法中的参数。代码如下：

$.ajaxSetup({        //统一设置$.ajax()方法中的相同部分

type: "GET",

 //data: "user="+escape($("#user").val())+"&comment="+escape($("#comment").val()),

 beforeSend:function(){$("#target").html("<img src='loading.gif' /><br>正在载入…");},

 error:function(){$("#target").html("<p>载入失败</p>");},

 success: function(data){     //第3个参数，回调函数，在请求完成后执行

    $("#target").html(data);

 }

});

也可以在ajax（）里面直接使用；

function Ajax(){

    $.ajax({

        type: "GET",

        url: "9-15.php",

        data: "user="+escape($("#user").val())+"&comment="+escape($("#comment").val()),   //escape()方法会将参数中的字符串编码成Unicode格式的字符串

        beforeSend:function(){            //发送请求之前

            $("#target").html("<img src='loading.gif' /><br>正在载入…");},

        error:function(){$("#target").html("<p>载入失败</p>");},

        success: function(data){         //请求成功时

            $("#target").html(data);

        }

    });

}

9-15.php　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

header("Content-type: text/html; charset=gb2312");

$user=unescape($_GET['user']);

$comment=unescape($_GET['comment']);

for($i=;$i<;$i++);        //用于延时，以看到正在载入的图标

echo "<h3>评论人：".$user."</h3>";

echo "<p>内容：".$comment."</p>"

jquery中的全局事件的更多相关文章

  1. js便签笔记（6）——jQuery中的ready()事件为何需要那么多代码？

    前言: ready()事件的应用,是大家再熟悉不过的了,学jQuery的第一步,最最常见的代码: jQuery(document).ready(function () { }); jQuery(fun ...

  2. jquery-10 jquery中的绑定事件和解绑事件的方法是什么

    jquery-10 jquery中的绑定事件和解绑事件的方法是什么 一.总结 一句话总结:bind(); unbind(); one(); 1. jquery中的绑定事件和解绑事件的方法是什么? bi ...

  3. 如何在 pyqt 中实现全局事件总线

    前言 在 Qt 中可以使用信号和槽机制很方便地实现部件之间的通信,考虑下面这样的场景: 我想要点击任意一个专辑卡并通知主界面跳转到专辑界面,那么一种实现方式如上图所示:点击任意一个蓝色方框所示的专辑卡 ...

  4. jquery的ajax全局事件详解

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

  5. jquery中的DOM事件绑定与解绑

    在jquery事件中有时候有的事件只需要在绑定后有效触发一次,当通过e.target判断触发条件有效触发后解除绑定事件,来避免多次无效触发和与未知情况造成冲突. 这时候就要用到了jquery中的事件绑 ...

  6. 深入了解jquery中的键盘事件

    很多时候,我们需要获取用户的键盘事件,下面就一起来看看jquery是如何操作键盘事件的. 一.首先需要知道的是: 1.keydown() keydown事件会在键盘按下时触发. 2.keyup() k ...

  7. jquery中绑定click事件重复执行问题

    jquery中单击事件重复多次执行的问题使用如下方式: $('#sub').unbind('click').click(function () { ... });

  8. jQuery中四种事件监听的区别

    原文链接:点我 我们知道jquery提供了四种事件监听方式,分别是bind.live.delegate.on,下面就分别对这四种事件监听方式分析. 已知有4个列表元素: 列表元素1 列表元素2 列表元 ...

  9. JQuery中隐藏/显示事件函数

    1.$("button").click(function(){ $("p").hide(); });2.如果您的网站包含许多页面,并且您希望您的 jQuery ...

随机推荐

  1. 工具使用 eclipse the user operation is waiting for Building Working to be completed。

    问题定位: 在使用 IDE开发时,学习一个新事物如语言,框架,出现错误时暂时无法判断是新写的代码错还是IDE使用错: 则编写简单的未使用该技术的test.java ,运行后还有异常出现,则不是代码问题 ...

  2. SQL in Qt (一)

    Connecting to Databases To access a database with QSqlQuery or QSqlQueryModel, create and open one o ...

  3. [转载]提升进程权限-OpenProcessToken等函数的用法

    GetCurrentProcessID 得到当前进程的ID OpenProcessToken 得到进程的令牌句柄LookupPrivilegeValue 查询进程的权限 AdjustTokenPriv ...

  4. （转）C/C++中static关键字

    下面的转自http://www.cnblogs.com/yc_sunniwell/archive/2010/07/14/1777441.html 静态变量作用范围在一个文件内,程序开始时分配空间,结束 ...

  5. 深入理解JavaWeb技术内幕之中文编码

    为什么要编码 1.计算机中存储信息的最小单元是1个字节,所能表示的字符范围为0~255个. 2.人类要表示的符号太多,无法用1个字节来完全表示. 常见的编码类型 ASCII码 总共128个,用1个字节 ...

  6. HttpClient 请求WebApi

    HttpClient client = new HttpClient(); client.BaseAddress = new Uri(ConfigurationManager.AppSettings[ ...

  7. bzoj 1188 : [HNOI2007]分裂游戏 sg函数

    题目链接 给n个位置, 每个位置有一个小球. 现在两个人进行操作, 每次操作可以选择一个位置i, 拿走一个小球.然后在位置j, k(i<j<=k)处放置一个小球. 问你先进行什么操作会先手 ...

  8. MS SQL 小总结

    1.获取当前数据库下所有的表名称: Use 你的数据库 select Name from sysobjects where xtype='U' 2.获取当前表下的列名: select name fro ...

  9. MySQL索引背后的数据结构及最左原则

    MySQL索引原理 ##索引目的索引的目的在于提高查询效率,可以类比字典,如果要查“mysql”这个单词,我们肯定需要定位到m字母,然后从下往下找到y字母,再找到剩下的sql.如果没有索引,那么你可能 ...

  10. STM32F10xxx启动模式分析（详细）

    STM32的启动模式: STM32有三种启动模式,对应的存储介质均是芯片内置的:      1. User Flash Memory(Main Memory)  = 芯片内置的Flash,用户程序存放 ...