在JavaScript中可以使用fetch进行网络请求。fetch是一种基于Promise的现代网络请求API,它可以在浏览器中发起网络请求。下面是一个使用fetch进行GET请求的示例代码:
fetch('https://example.com/data')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
在这个示例中,fetch接受一个URL作为参数,并返回一个Promise对象。然后我们可以使用.then()
方法处理响应对象。在这个例子中,我们使用response.json()
将响应对象转换为JSON格式,然后使用另一个.then()
方法打印出JSON数据。如果请求出现错误,则可以使用.catch()
方法处理错误。
除了GET请求,我们还可以使用fetch进行POST请求。下面是一个使用fetch进行POST请求的示例代码:
fetch('https://example.com/data', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({ username: 'example', password: '123456' })
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
在这个示例中,我们使用fetch()
方法的第二个参数来设置请求选项。我们使用method
选项来指定请求方法为POST,使用headers
选项来指定请求头的Content-Type为application/json,使用body
选项将请求数据以JSON格式进行序列化。同样地,我们可以使用.then()
方法处理响应对象,并使用.catch()
方法处理错误。
需要注意的是,fetch并不支持跨域请求,如果需要进行跨域请求,需要在服务器端进行相关的配置。