AJAX——Promise-链式调用

在JavaScript中，使用Promise对象可以实现AJAX请求的链式调用。以下是一个使用jQuery的$.ajax函数和Promise进行链式调用的例子：

// 假设我们有两个AJAX请求，第一个请求完成后才开始第二个请求
 
// 第一个请求
function fetchFirst() {
    return $.ajax({
        url: 'https://api.example.com/data1',
        method: 'GET'
    });
}
 
// 第二个请求
function fetchSecond(data1) {
    // 使用第一个请求的结果
    return $.ajax({
        url: 'https://api.example.com/data2',
        method: 'GET',
        data: { param: data1 }
    });
}
 
// 执行请求并处理结果
fetchFirst()
    .then(function(data) {
        console.log('第一个请求的结果:', data);
        // 将第一个请求的结果传递到第二个请求
        return fetchSecond(data);
    })
    .then(function(data) {
        console.log('第二个请求的结果:', data);
    })
    .catch(function(error) {
        console.error('出错了:', error);
    });

在这个例子中，fetchFirst 返回一个Promise对象，在这个Promise完成并且数据获取后，它将调用fetchSecond并将结果作为参数传递。fetchSecond也返回一个Promise，然后我们可以在链中的下一个.then中处理这个结果或者使用.catch来处理可能出现的错误。