ajaxError()方法jQuery中的ins用于指定AJAX请求失败时要运行的函数。
语法如下：
$(document).ajaxError( function(event, xhr, options, exc) )参数：：此方法接受强制性的单参数功能。此函数接受以下列出的四个参数：
- 事件：此参数保存事件对象。
- xhr：它包含XMLHttpRequest对象。
- 选项：它包含AJAX请求中使用的选项。
- 排除：它包含JavaScript异常。
存储在服务器上的demo.txt文件, 单击该文件后将加载
改变内容
按钮。
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 >输出如下：
在单击按钮之前：
单击按钮后：
