ajax error的用法,JQuery ajaxError()用法及代码示例

  • Post author:
  • Post category:其他


jQuery中的ajaxError()方法用于指定AJAX请求失败时要运行的功能。

用法:

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

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

event:此参数保存事件对象。

xhr:它包含XMLHttpRequest对象。

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

exc:它包含JavaScript异常。

demo.txt文件存储在服务器上,单击更改内容按钮后将加载。

demo.txt

This is GFG.

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

$(document).ready(function() {

$(document).ajaxError(function() {

alert(“AJAX request fails.”);

});

$(“button”).click(function() {

$(“#paragraph”).load(“demo.txt”);

});

});

GeeksforGeeks

A computer science portal for geeks

Change Content

输出:

在单击按钮之前:

1526a97bfb4d2b379d9fce357dae8f32.png

单击按钮后:

a1135c83944c4fc46a19d8333427196d.png

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

$(document).ready(function() {

$(document).ajaxError(function() {

alert(“AJAX request fails.”);

});

$(“button”).click(function() {

$(“#heading”).load(“demo.txt”);

});

});

GeeksforGeeks

A computer science portal for geeks

Change Content

输出:

在单击按钮之前:

1526a97bfb4d2b379d9fce357dae8f32.png

单击按钮后:

a1788ce9f79f90393988ad928cd08d66.png