how to use Fetch GET command with params in react js

Question

i want to use this ajax command in fetch command in react js

  var data = {
                resource_id: '5f5afc43-639a-4216-8286-d146a8e048fe', // the resource id
            };
            $.ajax({
                url: 'https://data.gov.il/api/action/datastore_search',
                data: data,
                dataType: 'json',
                success: function (data) {
                    console.log(data);
                }
            });

how can i use that command in Fetch command?

ROOT · Accepted Answer · 2020-04-18 10:48:54Z

2

Here is an example on how to use fetch, this example use JSON placeholder

fetch("https://jsonplaceholder.typicode.com/todos/1", {
  headers: { ContentType: "application/json" },
})
  .then((response) => response.json())
  .then(console.log);

for your code it might be something like this but, unfortunatly the API you are requesting requires access token, so its not tested:

var data = {
  resource_id: '5f5afc43-639a-4216-8286-d146a8e048fe', // the resource id
};
fetch("https://data.gov.il/api/action/datastore_search", {
  headers: { ContentType: "application/json" },
  body: JSON.stringify(data);
})
  .then((response) => response.json())
  .then(console.log);

answered Apr 18, 2020 at 10:48

ROOT

11.7k5 gold badges35 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Tom Slutsky · Accepted Answer · 2020-04-18 10:21:01Z

0

fetch('https://data.gov.il/api/action/datastore_search', {
headers: {'ContentType': 'application/json'},
body: JSON.stringify(data)
}).then(response => response.json()).then(console.log)

answered Apr 18, 2020 at 10:21

Tom Slutsky

7346 silver badges11 bronze badges

5 Comments

Aviel Palgi Over a year ago

Unhandled Rejection (TypeError): Failed to execute 'fetch' on 'Window': Request with GET/HEAD method cannot have body.

Tom Slutsky Over a year ago

is your environment the browser or nodejs?

Aviel Palgi Over a year ago

my environment is browser

Tom Slutsky Over a year ago

you might have an old browser that does not support fetch? try using: github.com/github/fetch

SherylHohman Over a year ago

While this code might solve the OP's question, it is better to add context, or an explanation to help future visitors understand this solution to prevent similar issues in their own code, and help users focus on what is important or unique about this code.

Aviel Palgi · Accepted Answer · 2020-04-18 12:36:20Z

0

i succeeded, i just put the ajax command in the react project and it's worked

answered Apr 18, 2020 at 12:36

Aviel Palgi

431 silver badge7 bronze badges

Collectives™ on Stack Overflow

how to use Fetch GET command with params in react js

3 Answers 3

Comments

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related