ajax中的then—示例代码

vuekuangjia

温馨提示:这篇文章已超过43天没有更新,请注意相关的内容是否还可用!

ajax中的then—示例代码

1、在Ajax中,then()方法是Promise对象的一个方法,用于指定当Promise对象状态变为resolved(已完成)时要执行的回调函数。then()方法接受两个参数:一个是当Promise对象状态变为resolved时要执行的回调函数,另一个是当Promise对象状态变为rejected(已拒绝)时要执行的回调函数。

示例代码如下:

// 创建一个Promise对象

const promise = new Promise((resolve, reject) => {

const xhr = new XMLHttpRequest();

xhr.open('GET', 'https://api.example.com/data');

xhr.onload = function() {

if (xhr.status === 200) {

resolve(xhr.responseText);

} else {

reject(xhr.statusText);

}

};

xhr.onerror = function() {

reject('Network Error');

};

xhr.send();

});

// 使用then()方法指定回调函数

promise.then(

function(response) {

console.log('请求成功:' + response);

},

function(error) {

console.log('请求失败:' + error);

}

);

在上面的示例代码中,首先创建了一个Promise对象,通过XMLHttpRequest发起一个GET请求获取数据。当请求成功时,调用resolve()方法将响应数据传递给then()方法的第一个回调函数;当请求失败时,调用reject()方法将错误信息传递给then()方法的第二个回调函数。

然后使用then()方法来指定当Promise对象状态变为resolved时要执行的回调函数和当Promise对象状态变为rejected时要执行的回调函数。在这个示例中,当请求成功时,会在控制台输出"请求成功:"加上响应数据;当请求失败时,会在控制台输出"请求失败:"加上错误信息。

通过使用then()方法,我们可以对Ajax请求的结果进行处理,根据请求的状态来执行相应的操作。

文章版权声明:除非注明,否则均为莫宇前端原创文章,转载或复制请以超链接形式并注明出处。

取消
微信二维码
微信二维码
支付宝二维码