Editing Making AJAX Requests In React

[[Category:React]][[Category:Web Development]]
== Overview ==

Notes on how to use an AJAX request to fill out the state of a React component.

== AJAX libraries ==

It's necessary to use a library to make AJAX calls. These libraries are independent of React. They are installed with NPM. <ref>[https://daveceddia.com/ajax-requests-in-react/ AJAX Requests in React: How and Where to Fetch Data] - Dave Ceddia</ref>

* [https://github.com/mzabriskie/axios Axios]<br />Apparently Axios is a little more compact than fetch, e.g. with fetch it's necessary to convert AJAX responses to JSON; with Axios that step is automatic. And error handling is supposed to be better with axios.<ref>[https://medium.com/@thejasonfile/fetch-vs-axios-js-for-making-http-requests-2b261cdd3af5 Fetch vs axios.js for making http requests] - Medium</ref>
* [https://github.com/visionmedia/superagent superagent]
* [https://github.com/github/fetch fetch]

== Usage ==

An example of how to make an AJAX call to retrieve JSON data using axios. The data retrieved is a JSON object (or list of objects), not a JSON string.

<syntaxhighlight lang="js">
    axios.get("/path/to/content/")
        .then(res => {
            const data = res.data;
        })
        .catch(err => {
            console.log("Something went wrong: " + err);
        });
    return data;
</syntaxhighlight>

== Notes ==
<references />