ajax 异常处理 try、catch、error、complete

在Ajax中，我们可以使用try、catch、error、complete来进行异常处理。

1. 使用try、catch进行异常处理：

try {
    $.ajax({
        url: 'your-url',
        type: 'GET',
        dataType: 'json'
    });
} catch(e) {
    console.log('Error: ' + e);
}

在这个例子中，如果Ajax请求失败，比如由于网络问题，我们可以在catch块中处理这个错误。但是，这种方式并不能处理所有的错误情况，因为它不能捕获到由于跨域问题或者请求的URL不存在等引起的错误。

2. 使用error回调函数进行异常处理：

$.ajax({
    url: 'your-url',
    type: 'GET',
    dataType: 'json',
    error: function(jqXHR, textStatus, errorThrown) {
        console.log('Error: ' + textStatus + ' - ' + errorThrown);
    }
});

在这个例子中，我们使用了error回调函数来处理Ajax请求失败的情况。这个函数会在请求失败时被调用，不论是请求的URL不存在，还是跨域问题，还是其他任何导致请求失败的问题。

3. 使用complete回调函数进行异常处理：

$.ajax({
    url: 'your-url',
    type: 'GET',
    dataType: 'json',
    complete: function(xhr, textStatus) {
        if(textStatus == 'error') {
            console.log('Error: ' + xhr.statusText);
        }
    }
});

在这个例子中，我们使用了complete回调函数来处理Ajax请求完成后的情况，无论请求成功或者失败，complete函数都会被调用。在这个函数中，我们可以通过检查textStatus的值来判断请求是否成功，如果是'error'，则表示请求失败，我们可以进行相应的错误处理。

总结：

• 使用try、catch进行异常处理可以捕获到由于代码错误引起的问题，但不能捕获由于网络问题或者URL不存在等引起的错误。
• 使用error回调函数可以处理由于网络问题或者URL不存在等引起的错误。
• 使用complete回调函数可以处理请求完成后的情况，无论成功还是失败。

在实际开发中，我们通常使用error回调函数和complete回调函数来进行Ajax异常处理。