Question posted in
You can find the official documentation here.

pass parameters to url fetch request javascript – Jquery ajax

Hello i’m trying to make a get request in react

with JQuery i used to do something like this

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

i tried doing something like this

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

but id didn’t worked,instead i had to do it like this

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

and it worked, but i can’t figure out how to pass the "pr" and the "name" parameters without having to type them directly in the url can someone help me?

Tags:

2

Answers


  1. 0

    You can use templates literals for that see this : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

    Here is an exemple :

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

    Another way is to add strings like this :

    const myString = "https://localhost:44347/Run?pr=" + varPr + "&name=" + varName
    Login or Signup to reply.
  2. 0

    You can create URL and URLSearchParams objects to create your request without writing the fields in the URL by hand.

    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);
     });
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search