文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在API调用期间使代码在JavaScript中变干

问如何在API调用期间使代码在JavaScript中变干
EN

Stack Overflow用户

提问于 2022-04-14 07:20:29

回答 2查看 48关注 0票数 0

因此，我在js文件中调用5个API，除了我传递的URL和表单数据之外，所有这些代码都是相同的。相同的代码行重复5次，我认为这不是写的好处。我想要的是让这段代码变干，但不知道我应该做什么改变

var formdata = new FormData();
        formdata.append("market", "KSE100");

        var requestOptions = {
            method: "POST",
            body: formdata,
            redirect: "follow",
        };

        fetch(
            "api_url here_1",
            requestOptions
        )
        .then((response) => response.json())
        .then((stockData) => console.log('aasfs',stockData ))
        .catch((error) => console.log("error", error));



var formdata = new FormData();
            formdata.append("symbol", "SYS");
    
            var requestOptions = {
                method: "POST",
                body: formdata,
                redirect: "follow",
            };
    
            fetch(
                "api_url here_2",
                requestOptions
            )
            .then((response) => response.json())
            .then((stockData) => console.log('aasfs',stockData ))
            .catch((error) => console.log("error", error));

javascript

fetch

回答 2

Stack Overflow用户

回答已采纳

发布于 2022-04-14 07:28:55

将通用代码封装在传递表单数据的函数中，并通过变量将url包装起来。

const sendFormData = (url, formData) => {
  var requestOptions = {
    method: "POST",
    body: formData,
    redirect: "follow",
  };

  fetch(
      url,
      requestOptions
    )
    .then((response) => response.json())
    .then((stockData) => console.log('aasfs', stockData))
    .catch((error) => console.log("error", error));
}

var formdata1 = new FormData();
formdata.append("market", "KSE100");
sendFormData("api_url here_1", formdata1);

var formdata2 = new FormData();
formdata.append("symbol", "SYS");
sendFormData("api_url here_2", formdata2);

票数 1

Stack Overflow用户

发布于 2022-04-14 07:27:47

您可以定义这样的函数

const postData = (url, data) => {
        const formdata = new FormData();
        Object.entries(data).forEach(([k, v]) => {
          formdata.append(k, v);
        }
        

        var requestOptions = {
            method: "POST",
            body: formdata,
            redirect: "follow",
        };

        return fetch(
            url,
            requestOptions
        )
        .then((response) => response.json())
        .then((stockData) => console.log('aasfs',stockData ))
        .catch((error) => console.log("error", error));

}

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71867826

复制

相似问题

问如何在API调用期间使代码在JavaScript中变干
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在API调用期间使代码在JavaScript中变干EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在API调用期间使代码在JavaScript中变干
EN