js promise 案例
时间: 2024-05-09 19:12:50 浏览: 16
JS Promise是一种处理异步操作的工具,它可以将异步操作的结果以回调函数的方式传递给代码,从而避免了回调函数嵌套过深的问题。下面提供一个JS Promise案例:
```javascript
function myAsyncFunction(url) {
return new Promise((resolve, reject) => {
const xhr = new XMLHttpRequest();
xhr.open('GET', url);
xhr.onload = () => resolve(xhr.responseText);
xhr.onerror = () => reject(xhr.statusText);
xhr.send();
});
}
myAsyncFunction('https://jsonplaceholder.typicode.com/todos/1')
.then(response => console.log(response))
.catch(error => console.error(error));
```
在上面的代码中,我们定义了一个myAsyncFunction函数,它接受一个url参数,并返回一个Promise对象。在Promise对象内部,我们使用XMLHttpRequest对象发起一个GET请求,当请求完成后,我们调用resolve方法将响应结果以回调函数的方式传递给代码,如果请求出现错误,我们调用reject方法将错误信息以回调函数的方式传递给代码。在代码的最后,我们调用then方法和catch方法分别处理请求成功和请求失败的情况。