fetch
掌握fetch的用法
zayzy
安心努力
展开
-
fetch用法
1 fetch概述1.1 基本特性更加简单的数据获取方式,功能更强大、更灵活,可以看做是xhr的升级版基于Promise实现1.2 语法结构fetch(url).then(fn2) .then(fn3) …原创 2021-08-09 17:47:12 · 650 阅读 · 0 评论 -
fetch_get请求方式的参数传递
传统的url参数写法:fetch('/abc?id=123').then(data => { //默认是get //得到的是一个promise对象,用于获取后台返回的数据 return data.text();}).then(ret => { //这里才是得到的最终数据 console.log(ret);})//后台接收参数为req.query.idRestful形式的url参数写法:fetch('/abc/id=123',{ method:'get'}).then(原创 2021-08-09 17:17:52 · 4520 阅读 · 0 评论 -
fetch_post请求方式的参数传递
根据headers的不同:fetch('books',{ method:'post', body:'uname=lisi&pwd=123', headers:{ 'Content-Type':'application/x-www-form-urlencoded', }}).then(data => { return data.text();}).then(ret => { //这里才是得到的最终数据 console.log(ret);})//后台接收参数为re原创 2021-08-09 17:31:34 · 3812 阅读 · 0 评论 -
fetch_delete请求方式的参数传递
fetch('/abc/id=123',{ method:'delete'}).then(data => { return data.text();}).then(ret => { //这里才是得到的最终数据 console.log(ret);})//后台接收参数为req.params.id原创 2021-08-09 17:21:32 · 1491 阅读 · 0 评论 -
fetch_put请求方式的参数传递
fetch('books/123',{ method:'put', body:JSON.stringify({ uname:'lisi', age:15 }) headers:{ 'Content-Type':'application/json', }}).then(data => { return data.text();}).then(ret => { //这里才是得到的最终数据 console.log(ret);})//后台接收参数为req.body.u原创 2021-08-09 17:36:40 · 1459 阅读 · 0 评论