jQuery如何使用ajaxError()方法（代码示例）

ajaxError()方法jQuery中的ins用于指定AJAX请求失败时要运行的函数。
语法如下：

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

参数：：此方法接受强制性的单参数功能。此函数接受以下列出的四个参数：

事件：此参数保存事件对象。
xhr：它包含XMLHttpRequest对象。
选项：它包含AJAX请求中使用的选项。
排除：它包含JavaScript异常。

存储在服务器上的demo.txt文件, 单击该文件后将加载
改变内容
【jQuery如何使用ajaxError()方法（代码示例）】按钮。
demo.txt

This is GFG.

范例1：本示例通过从服务器获取数据来更改< p> 元素的内容。当AJAX请求由于错误而失败时, 页面会显示AJAX请求失败。.

< !DOCTYPE html> < html > < head > < script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" > < / script > < !-- Script to use ajaxError() method --> < script > $(document).ready(function() { $(document).ajaxError(function() { alert("AJAX request fails."); }); $("button").click(function() { $("#paragraph").load("demo.txt"); }); }); < / script > < / head > < body style = "text-align:center; " > < div id = "div_content" > < h1 style = "color: green; " > lsbin < / h1 > < p id = "paragraph" style = "font-size: 20px; " > A computer science portal for geeks < / p > < / div > < button > Change Content < / button > < / body > < / html >

输出如下：
在单击按钮之前：

文章图片
单击按钮后：

文章图片
范例2：本示例通过从服务器获取数据来更改< h1> 元素的内容。当AJAX请求由于错误而失败时, 页面会显示AJAX请求失败。.

< !DOCTYPE html> < html > < head > < script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" > < / script > < !-- Script to use ajaxError() method --> < script > $(document).ready(function() { $(document).ajaxError(function() { alert("AJAX request fails."); }); $("button").click(function() { $("#heading").load("demo.txt"); }); }); < / script > < / head > < body style = "text-align:center; " > < div id = "div_content" > < h1 id = "heading" style = "color: green; " > lsbin < / h1 > < p style = "font-size: 20px; " > A computer science portal for geeks < / p > < / div > < button > Change Content < / button > < / body > < / html >

输出如下：
在单击按钮之前：