react native fetch
时间: 2023-09-02 12:13:45 浏览: 94
React Native的Fetch API是一个用于在应用程序中进行网络请求的内置API。它允许您发送HTTP请求并处理响应。以下是使用Fetch API进行网络请求的基本示例:
```javascript
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(response => response.json())
.then(json => console.log(json))
.catch(error => console.error(error))
```
在上面的示例中,我们使用Fetch API向 https://jsonplaceholder.typicode.com/todos/1 发送了一个GET请求,并在控制台中输出了响应的JSON数据。在处理响应时,我们使用了Promise的then和catch方法。
您还可以指定请求的方法、标头和正文等信息。例如,下面是使用Fetch API发送POST请求的示例:
```javascript
fetch('https://example.com/api/data', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
key1: 'value1',
key2: 'value2'
})
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error))
```
在上面的示例中,我们通过将method、headers和body选项作为第二个参数传递给fetch函数来指定POST请求的方法、标头和正文。我们还使用JSON.stringify方法将JavaScript对象转换为JSON字符串。在处理响应时,我们再次使用Promise的then和catch方法。
阅读全文