如何在 Ajax 中进行异常处理？

本文的目的是演示我们如何处理 jQuery AJAX 请求中的异常。需要对 HTML、CSS 和 jQuery 有基本的了解。这可以通过 AJAX fail()方法来完成。我们讨论了 3 种 AJAX 方法，以更好地了解从我们的 Web 浏览器向特定服务器发出任何 ajax() 请求时发生了什么。

AJAX ： AJAX 是“异步 JavaScript 和 XML”的首字母缩写。 Ajax 组件利用 JavaScript 的这种能力来发送异步 HTTP 请求、接收 XML 响应（以及其他格式）和更新网站的一部分（使用 JavaScript），而无需重新加载或刷新整个站点。

我们需要知道的三种 AJAX 请求的方法如下。

当 HTTP 请求成功时调用此方法。

$.ajax(options).done(callback)

当 HTTP 请求失败时调用此方法。

$.ajax(options).fail(callback)

这个方法总是被调用，无论是 HTTP 请求失败还是成功。

$.ajax(options).always(callback)

示例：我们将看到如何使用 AJAX fail()方法来处理 HTTP 请求中的错误。 fail()回调有 3 个参数，其中第一个参数是 JSON 错误对象，第二个参数以文本格式给出原因，最后一个参数是 HTTP 请求引发的错误。具有不同参数值的整个对象显示在文本区域中。输出以 JSON 格式显示，以显示 HTTP 请求失败时作为参数接收的值的值和类型。

输出的格式如下。

"firstparam": {
    value: -> the value of the first parameter
    type:  -> the type of the first parameter
},
"secondparam": {
    value: -> value of second parameter
    type:  -> the type of the second parameter
},
" thirdparam": {
    value: -> value of third parameter
    type:  -> the type of the third parameter
}

例子：

HTML

  

    
    
      
    
        .container {
            display: flex;
            justify-content: center;
        }
  
        h1 {
            color: green;
        }
  
        textarea {
            margin-top: 10px;
            width: 300px;
            height: 300px;
        }
    
      
    
        $(document).ready(function () {
  
            var obj = "";
            $.ajax("gfg.txt").done(function () {
                alert("success");
            }).fail(function (errorobj, textstatus, error) {
                obj = JSON.stringify({
                    firstparam: {
                        value: errorobj,
                        type: typeof (errorobj)
                    },
                    secondparam: {
                        value: textstatus,
                        type: typeof (textstatus)
                    },
                    thirdparam: {
                        value: error,
                        type: typeof (error)
                    }
                }, undefined, 1);
            }).always(function () {
                $('textarea').val(obj);
            });
        });
    

  

    
        GeeksforGeeks
    
    
        
    

  

输出：