随笔 - 46  文章 - 36 评论 - 43 阅读 - 40357

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   萨迦狐  阅读(182)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· [AI/GPT/综述] AI Agent的设计模式综述
点击右上角即可分享
微信分享提示