Question

你好，我想在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中键入它们，有人可以帮助我吗？

Answer 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

Answer 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);
     });

将参数传递给url提取请求javascript

2 个答案: