How do I use Fetch in React?

Asked Feb 09 '22 at 19:16

Active Feb 09 '22 at 19:28

Viewed 31 times

    React Code:

    const response = await fetch("../componentsunused/testingphp.php", {

      headers: {
        "Content-Type": "application/json" // request content type
      }
      
    });
    console.log("myResponse:" + JSON.stringify(response))

    this.setState({ items: await response.json() });

    PHP Code:

    $arr = array('a' => "123");

    echo json_encode($arr);

myResponse in console always comes out as an empty array. I checked and the request went through and was returned okay. What is wrong? Thank you very much for your help.

asked Feb 09 '22 at 19:16

Yoni Kirby

Try `console.log(response.data)` – ruleboy21 Feb 09 '22 at 19:21
Now I have another problem: the ajax call is returning the entire php file! – Yoni Kirby Feb 09 '22 at 19:55
You meaning it is return the content of the PHP file instead of executing and returning the results? – ruleboy21 Feb 09 '22 at 20:00
Yes. I have no idea why. I tried ob_get_clean and everything else but to no avail. – Yoni Kirby Feb 09 '22 at 20:05
Are you sure you started the script with ` – ruleboy21 Feb 09 '22 at 20:06
Yes, I did. I am using localhost, and I am going to try this now: https://stackoverflow.com/questions/33587684/jquery-ajax-call-returns-entire-php-file – Yoni Kirby Feb 09 '22 at 20:06
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/241882/discussion-between-ruleboy21-and-yoni-kirby). – ruleboy21 Feb 09 '22 at 21:00

How do I use Fetch in React?

0 Answers0