fetch请求get方式以及post提交参数为formdata类型的数据

最新推荐文章于 2025-03-29 16:12:09 发布

weichushun

最新推荐文章于 2025-03-29 16:12:09 发布

阅读量3.8k

点赞数

分类专栏： WEB LoRa 文章标签： javascript 开发语言 ecmascript

原文链接：https://www.cnblogs.com/lmxHome/p/10750128.html

版权

LoRa 同时被 2 个专栏收录

29 篇文章

订阅专栏

WEB

14 篇文章

订阅专栏

本文展示了如何使用fetch API进行POST和GET请求。在POST请求中，数据以FormData形式提交到指定URL，而在GET请求中，通过URL参数获取数据。示例代码详细解释了请求过程和错误处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转载：

fetch请求get方式以及post提交参数为formdata类型的数据 - XG16 - 博客园

1.请求方式post，请求函数参数

_requestData(callback,_cityDt){
        
    const switchIp = "http://192.168.43.103/api/proxy";
    let formData = new FormData();
        formData.append("type","get");
        formData.append("open_redis",1);
        formData.append("redis_time",0);
    fetch(switchIp, {
            method:"POST",   
               body:formData
           }).then(
            (response)=>{
                if(response.ok){
                    return response.json()
                }else{
                    return Promise.reject({
                        status: response.status,
                        statusText: response.statusText
                    })
                }
            })
            .then((responseJsonData)=> {
                callback && callback(responseJsonData);
            }).catch((error)=> {
                console.log("getWatchHistory error " + error);
            });
    }

let _cityDt = “beijing”;  //需要传递的参数，不需要不传
this._requestData((data)=>{
    const res = JSON.parse(data);
    //执行数据的处理相关操作
    ........
    //执行初始化数据的操作    
    this._initData();
},_cityDt)

2.get请求

_requestData(callback,_id){    
     const url = `http://192.114.90.121/data/api/trend?evt=${_id}`;
     fetch(url, {}).then(
            (response)=>{
            if(response.ok){
                return response.json()
            }else{
                return Promise.reject({
                    status: response.status,
                    statusText: response.statusText
            })
         }
    }).then((responseJsonData)=> {
                callback && callback(responseJsonData);
            }).catch((error)=> {
                console.log("getWatchHistory error " + error);
            });
    }

let _id = "123";
this._requestData((data)=>{
　 //执行数据渲染的函数
    this._play(data)
},_id)