get请求返回promise
时间: 2023-10-21 17:24:35 浏览: 78
vue中promise的使用及异步请求数据的方法
好的,你可以使用JavaScript的fetch API来实现GET请求并返回Promise对象。fetch API是现代浏览器提供的一种HTTP请求API,它可以异步获取资源,并返回一个Promise对象。
以下是一个简单的实例代码:
```javascript
function getRequest(url) {
return fetch(url)
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.catch(error => {
console.error('There was a problem with the fetch operation:', error);
});
}
```
这个函数接受一个URL作为参数,返回一个Promise对象。在函数内部,我们使用fetch API发起了一个GET请求,并在Promise链中处理了响应。如果响应不是200 OK,我们会抛出一个错误。否则,我们将响应解析为JSON对象,并返回该对象。
你可以在其他地方使用这个函数来发起GET请求,并使用Promise语法来处理响应。例如:
```javascript
getRequest('https://jsonplaceholder.typicode.com/todos/1')
.then(data => console.log(data))
.catch(error => console.error(error));
```
在这个例子中,我们使用getRequest函数来获取JSON数据,并在控制台中打印它。如果发生了错误,我们会在控制台中输出错误信息。
阅读全文