jQuery错误管理示例-js教程-PHP中文网

jQuery错误管理示例

钥匙要点

jQuery错误管理；使用javaScript函数（例如arter（）和console.log（）来跟踪代码执行和值；并利用尝试/捕获块来处理代码中的潜在错误。
> jQuery的Ajax函数可用于处理常见错误，例如返回数据时，在AJAX调用服务器中使用服务器的通信错误中的错误函数。此外，可以创建自定义AJAX错误函数来处理特定类型的错误，例如超时，解析错误或HTTP错误。
>

好的，所以我假设大家都知道火焰和壁炉。如果您不这样做，这些帖子可能会对您有所帮助。 Firebug有许多功能强大的工具，可以使JavaScript调试可容忍的噩梦。 jQuery错误管理示例

alert（）

警报可以用来查看您的代码是否实际执行，因为如果JavaScript中存在关键的语法错误，则根本不会执行。也可以用于查看是否达到某个代码块或段。

<span>//alert() shows values in a popup window
</span><span>alert("js is working");</span>

登录后复制

> console.log（）

console.log（）对于显示在循环中执行和捕获事件的值非常有用。稍后的帖子中有关此内容的更多信息。可以在Firebug Console API Wiki页面中看到各种记录选项。重要的是：确保您封闭了firebug命令，否则您的jQuery代码只有在打开控制台时才能起作用。

<span>//console.log() shows values in the firebug console window
</span><span>var x = ... etc
</span><span>console.log(x);</span>

登录后复制

尝试/捕获

<span>//try catch example 1
</span><span>try {
</span>	<span>$("#user").focus();
</span><span>} catch(err){
</span>	<span>return false;
</span><span>}
</span>
<span>//try catch example 2
</span><span>try {
</span><span>var tmp = doSomething();
</span><span>if (tmp == something.errorCondition)
</span><span>throw new Error("Error condition in X");
</span><span>} catch(err) {
</span><span>//handle ((err && err.message) || err.toString())
</span><span>} 
</span>
<span>//try catch example 3
</span><span>try {
</span>  <span>// code that may cause an error
</span><span>} catch (e) {
</span>  <span>// deal with error (or not)
</span><span>}
</span><span>// code that runs whether or not error occurred</span>

登录后复制

覆盖错误，以显示在Firebug

中您也可以覆盖jQuery.Error以在firebug中显示：

jQuery<span>.error = console.error;</span>

登录后复制

> jQuery停止错误显示

如果使用jQuery事件处理程序，则可以使用窗口的组合。

> jQuery事件处理程序：捕获所有浏览器中的jQuery事件错误。
> jQuery就绪功能：捕获所有浏览器中的初始化错误。

类型的jQuery错误（常见错误）

一个常见的错误是AJAX何时返回数据。这可以通过添加错误消息来处理，请参见以下AJAX联系表的示例。

在Firebug中检查具有statustext字段，可用于确定jQuery错误的类型。

<span>//alert() shows values in a popup window
</span><span>alert("js is working");</span>

登录后复制

有用的ajax捕获错误函数

进一步阅读：

<span>//console.log() shows values in the firebug console window
</span><span>var x = ... etc
</span><span>console.log(x);</span>

登录后复制

> jQuery错误管理上的常见问题（常见问题解答）

>如何使用.Error（）方法？

jQuery中的.Error（）方法在jQuery中处理错误，这是处理错误的强大工具。它将事件处理程序绑定到“错误” JavaScript事件。在处理图像加载错误时，此方法可能特别有用。但是，重要的是要注意，此方法已在JQuery 3.0中删除，仅在较旧版本中使用。对于较新的版本，您可以使用.on（）方法绑定错误事件。

> .ajaxerror（）方法在jQuery错误管理中的作用是什么？尝试{

//代码尝试

} catch（error）{

//如果发生错误发生
>}
}

>在jQuery中如何处理特定的ajax erors？您可以使用状态代码选项为特定的HTTP状态代码定义回调函数。例如，您可以为这样的404状态代码（找不到）定义回调：

$。 jQuery？

.fail（）方法是拒绝递延对象时执行的回调函数。它通常与.ajax（）方法一起处理错误。这是一个基本示例：

$。ajax（{
// ajax options
}）。fail（function（function（）{//如果请求失败
>}）

> jQuery？eRror（）和.fail（）和.fail（）之间的区别是什么？ .Error（）方法通常用于处理图像加载错误，而.fail（）方法通常用于处理AJAX错误。当解决递延对象的解析（即操作成功时）时，调用.done（）方法，而无论是解决还是拒绝了递延对象。这些方法可以与.ajax（）方法结合使用以处理成功和错误方案。

>如何处理jQuery中的解析错误？

分析jQuery中通常会在您试图试图解析无效的json数据时发生。您可以使用Try-Catch语句处理这些错误。以下是一个基本示例：

>尝试{

var data = $ .parsejson（wendment）;

} catch（error）{//如果发生解析错误发生
>} >}
}
}

> .ajax（）方法。此选项为请求设置了一个超时（以毫秒为单位）。如果请求花费的时间比此时间更长，则该请求被中止，并且调用.fail（）方法。以下是一个基本示例：

$。ajax（{
超时：5000，// 5秒
//其他ajax选项
>}）。fail（function（function（）{
//代码（如果超时出现
}}

}）；在jQuery插件中可能有点棘手，因为它取决于特定的插件。但是，一种一般方法是使用try-catch语句来捕获插件代码中发生的任何错误。如果插件使用ajax或递延对象，也可以使用.ERROR（）或.fail（）方法。