jQuery ajaxError() 方法

2025年3月17日 | 阅读 3 分钟

ajaxError() 方法用于附加一个函数,以便在 AJAX 请求失败时运行。它是一个 AJAX 事件。jQuery 在 AJAX 请求因错误完成时触发 ajaxError 事件。

语法

ajaxError() 方法接受一个参数,定义如下:

function(event, xhr, options, exc): 这是一个强制参数。它是一个回调函数,在请求失败时执行。

它还包括一些额外的参数,名为 event、xhr、optionsexc。这些额外的参数定义如下:

event: 它包含事件对象。

xhr: 它包含 XMLHttpRequest 对象。

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

exc: 这是一个异常对象。当请求处理过程中发生异常时,会传递此对象。

现在,让我们看一些使用 ajaxError() 方法的示例。

示例 1

这是一个使用 ajaxError() 方法的简单示例。在此示例中,当请求失败时,作为 ajaxError() 方法的强制参数传递的函数将被触发。触发的函数将显示一个警报对话框,其中显示错误消息。

有两个段落元素,我们必须点击这两个段落才能看到效果。点击第一个段落时,将加载一个文件,段落内容将发生变化。当用户点击第二个段落时,请求失败,因为传递的文件丢失,因此将显示一个警报框,其中显示错误消息。

sample.txt

Example2.html

立即测试

输出

执行上述代码后,输出将是 -

jQuery ajaxError() method

点击文本为 Click me 的第一个段落后,输出将是:

jQuery ajaxError() method

点击文本为 Click me too 的第二个段落后,输出将是:

jQuery ajaxError() method

示例 2

此示例与第一个示例类似,不同之处在于,这里我们使用 ajaxError() 方法中传递的函数的附加参数。在这里,我们使用 xhroptions 参数来获取请求的 URL 和状态。

这里有一个文本为 Click me段落元素,我们必须点击相应的段落才能看到效果。当用户点击该段落时,请求失败,因为传递的文件丢失,因此将显示一个警报框,其中显示错误消息以及请求的 URL 和状态。

立即测试

输出

执行上述代码后,输出将是 -

jQuery ajaxError() method

点击文本为 Click me 的段落后,输出将是:

jQuery ajaxError() method

上述示例足以说明 ajaxError() 方法的用法。