jQuery Ajax:ajaxError()方法

 

主要参考:

《锋利的jQuery》单东林、张晓菲、魏然

www.3cschool.com.cn《jQuery 参考手册 - Ajax》

 

搜集整理:sagahu@163.com

 

简单示例

 

当 AJAX 请求失败时,触发提示框

 

$("div").ajaxError(function(){

  alert("An error occurred!");

});

 

定义

 

ajaxError() 方法在 AJAX 请求(完成并且)发生错误时执行函数。它是一个 Ajax 事件。

 

语法

 

. ajaxError (callback)

 

参数

说明

callback的语法:

function(event, xhr, options, exc)

必需。规定当请求失败时运行的函数。

额外的参数:

    event - 包含 event 对象。

    xhr - 包含 XMLHttpRequest 对象。

options - 包含 AJAX 请求中使用的选项。

exc - 包含 JavaScript exception。

返回值

jQuery

 

详细说明

 

XMLHttpRequest 对象和设置作为参数传递给回调函数。捕捉到的错误可作为最后一个参数传递:

 

function (event, XMLHttpRequest, ajaxOptions, thrownError) {

       // thrownError 只有当异常发生时才会被传递 this;

}

 

示例:使用 xhr 和 options 参数来获得更有用的错误消息

 

<html>

<head>

<script type="text/javascript" src="/jquery/jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("div").ajaxError(function(e,xhr,opt){

    alert("Error requesting " + opt.url + ": " + xhr.status + " " + xhr.statusText);

  });

  $("button").click(function(){

    $("div").load("wrongfile.txt");

  });

});

</script>

</head>

<body>

<div id="txt"><h2>通过 AJAX 改变文本</h2></div>

<button>改变内容</button>

</body>

</html>

posted on 2012-11-07 01:55  萨迦狐  阅读(188)  评论(0)    收藏  举报