jquery 手册
Ajax
属性(Attributes)
回调对象(Callbacks ..
核心(Core)
CSS
数据(Data)
延迟对象(Deferred o ..
尺寸(Dimensions)
效果(Effects)
事件(Events)
表单(Forms)
文档操作(Manipulati ..
杂项(Miscellaneou ..
位置(Offset)
插件编写(Plugin Aut ..
属性(Properties)
选择器(Selectors)
遍历(Traversing)
工具(Utilities)

Returns: jQueryjQuery .ajaxStart( Function handler() )

描述: 注册一个的ajax请求开始时的函数处理程序。 这是一个 Ajax Event.
  • version added: 1.0
  • .ajaxStart( Function handler() )
  • handler() 被调用的函数。

每当一个Ajax请求将要发送时,jQuery的检查 是否有任何其他未完成的Ajax请求,如果没有则触发 .ajaxStart()事件。所有已注册.ajaxStart()事件处理程序将一次全部执行。

为了观察该方法的行为,我们建立一个最基本的ajax请求:

<div class="trigger">Trigger</div>
<div class="result"></div>
<div class="log"></div>

我们可以将该事件处理程序附加给任何元素:

$('.log').ajaxStart(function() {
  $(this).text('Triggered ajaxStart handler.');
});

现在,我们用jQuery方法发送一个Ajax请求:

$('.trigger').click(function() {
  $('.result').load('ajax/test.html');
});

当用户点击按钮触发Ajax请求,显示日志信息。

注意:因为 .ajaxStart()作为一个jQuery对象实例的方法来实现,我们可以在回调函数中使用this关键字指向已选择的元素。

Examples:

Example:

当Ajax请求开始时展示一个loading信息。
$("#loading").ajaxStart(function(){
   $(this).show();
 });