将参数传递给 url 获取请求 javascript答案

【问题标题】：pass parameters to url fetch request javascript将参数传递给 url 获取请求 javascript
【发布时间】：2020-09-10 15:22:44
【问题描述】：

您好，我正在尝试在 react 中发出 get 请求

我曾经用 JQuery 做这样的事情

$.get("Run",{ pr: "takeData", name: "Bob"}, function (o) {
                   console.log(o)
             
            });

我试着做这样的事情

fetch("https://localhost:44347/Run?{
      pr:"takeData",
    name:"Bob"
    }) .then( res => res.text())
   .then((data) => {
        console.log(data);
   });

但 id 没有用，我不得不这样做

fetch("https://localhost:44347/Run?pr=takeData&name='Bob'") .then( res => res.text())
   .then((data) => {
        console.log(data);
   });

它有效，但我不知道如何传递“pr”和“name”参数而无需直接在 url 中输入它们可以帮助我吗？

【问题讨论】：

这个 github 问题可能对你有帮助 github.com/github/fetch/issues/256
这能回答你的问题吗？ Setting query string using Fetch GET request

标签： jquery reactjs ajax get fetch

【解决方案1】：

您可以为此使用模板文字：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

这是一个例子：

const myString = `https://localhost:44347/Run?pr=${varPr}&name=${varName}`

另一种方法是添加这样的字符串：

const myString = "https://localhost:44347/Run?pr=" + varPr + "&name=" + varName

【讨论】：

【解决方案2】：

您可以创建 URL 和 URLSearchParams 对象来创建您的请求，而无需手动在 URL 中写入字段。

var url = new URL("https://localhost:44347/Run");
url.search = new URLSearchParams({ pr: "takeData", name: "Bob"});
fetch(url).then( res => res.text())
       .then((data) => {
         console.log(data);
     });

【讨论】：

请至少为这些明显的问题寻找重复...