js中fetch

孙景荣

已于 2023-01-30 13:25:42 修改

阅读量1.4k

点赞数

分类专栏： JavaScript 文章标签： javascript 前端 html css

于 2022-10-04 19:34:01 首次发布

本文链接：https://blog.csdn.net/ssjjrr/article/details/127165231

版权

JavaScript 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

1、发送get请求

使用fetch发送get(默认get)形式请求，返回数据采用json格式，需要两次.then才能获取到数据，如下res就是获取到的数据

fetch(url).then(res => res.json()).then(res => console.log(res))

2、发送json数据

配置请求头 ‘Content-Type’: ‘application/json’

fetch(url, {
	method: 'POST', // or 'PUT'
	body: JSON.stringify(data), // 发送的json数据
 	headers: new Headers({
    	'Content-Type': 'application/json'
  	})
}).then(res => res.json()).then(res => console.log(res))

3、发送表单数据

配置请求头 ‘Content-Type’: ‘application/x-www-form-urlencoded’

fetch(url, {
	method: 'POST', // or 'PUT'
	body: "username=zhangsan&age=11", // 发送的json数据
 	headers: new Headers({
    	'Content-Type': 'application/x-www-form-urlencoded'
  	})
}).then(res => res.json()).then(res => console.log(res))