fetch网络请求基本用法

复制代码
getRequest(){

        fetch("http://127.0.0.1:8888/getReq?naem=张三",{method:"get"}).then(res=>{
            //fech第一个then方法里的参数并不是直接返回的数据,需要对该对象做序列化处理(json),再第一个then里才能拿到数据
            return res.json();
            console.log(res)
        }).then(data=>{
            console.log(data)
        }).catch(err=>{
            console.log(err)
        })

    }

    postRequest(){
        /*
        * post请求如果传递数据,数据写在第二个参数对象里的body字段里,数据类型可以是json数据格式(json.string()),也可以是querystring格式
        * */
        fetch("http://127.0.0.1:8888/postReq",{
            method:"post",
            // body:JSON.stringify({name:"张三",age:"20"})
            // body:"name=张三"
            body:qs.stringify({name:"张三",age:"20"}),
            // headers:{"Content-Type":"application/json"}
            headers:{"Content-Type":"application/x-www-from-urlencoded"}
        }).then(res=>{

            return res.json();
            console.log(res)
        }).then(data=>{
            console.log(data)
        }).catch(err=>{
            console.log(err)
        })


复制代码
posted @   前端乔  阅读(378)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
点击右上角即可分享
微信分享提示