ajax的完整写法——success/error/complete+then/catch/done+设置请求头两种方法——基础积累

// 方法1: 使用jQuery的ajax方法
$.ajax({
    url: 'your-endpoint-url',
    type: 'GET', // 或者 'POST'，视请求需要而定
    dataType: 'json', // 或者 'text', 根据返回内容而定
    contentType: 'application/json', // 发送信息至服务器时内容编码类型
    data: JSON.stringify({ key: 'value' }), // 发送到服务器的数据
})
.success(function(response) {
    // 请求成功时的回调函数
    console.log('Success:', response);
})
.error(function(xhr, status, error) {
    // 请求失败时的回调函数
    console.log('Error:', error);
})
.complete(function() {
    // 请求完成时的回调函数（无论成功或失败）
    console.log('Complete');
});
 
// 方法2: 使用Promise链式调用
$.ajax({
    url: 'your-endpoint-url',
    type: 'GET',
    dataType: 'json',
    contentType: 'application/json',
    data: JSON.stringify({ key: 'value' }),
})
.then(function(response) {
    // 请求成功时的回调函数
    console.log('Success:', response);
})
.catch(function(xhr, status, error) {
    // 请求失败时的回调函数
    console.log('Error:', error);
})
.done(function() {
    // 请求完成时的回调函数（无论成功或失败）
    console.log('Complete');
});

这两种方法都是使用jQuery框架下的ajax方法，并展示了如何设置请求头以及如何在请求成功、失败以及完成时处理响应。其中，.success(), .error(), 和 .complete() 是jQuery 1.5版本引入的回调函数，从jQuery 3.0开始被官方推荐使用.done(), .fail(), 和 .always() 替代。这两种方法都可以用于处理AJAX请求，并且可以根据个人喜好和项目需求选择使用。