jQuery ajax - ajaxError() 方法

jQuery ajax - ajaxError() 方法

实例

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

$("div").ajaxError(function(){
  alert("An error occurred!");
});

定义和用法

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

语法

.ajaxError(function(event,xhr,options,exc))

参数	描述
function(event,xhr,options,exc)	必需。规定当请求失败时运行的函数。额外的参数： - event - 包含 event 对象 - xhr - 包含 XMLHttpRequest 对象 - options - 包含 AJAX 请求中使用的选项 - exc - 包含 JavaScript exception

详细说明

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

function (event, XMLHttpRequest, ajaxOptions, thrownError) {
 // thrownError 只有当异常发生时才会被传递 this;
 }

实例

使用 xhr 和 options 参数

如何使用 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>