java-script:ajax-fetch
Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revision | |||
| java-script:ajax-fetch [2023/08/03 14:53] – odefta | java-script:ajax-fetch [2023/08/03 16:33] (current) – odefta | ||
|---|---|---|---|
| Line 139: | Line 139: | ||
| ===== Using XMLHttpRequest (the traditional AJAX method) to fetch data from a server ===== | ===== Using XMLHttpRequest (the traditional AJAX method) to fetch data from a server ===== | ||
| - | We use the **XMLHttpRequest** object to send a GET request to the GitHub API, just like we did with Fetch API. We then use the onload event handler to process the response when it's ready. If the request is successful (status code 200), we parse the response text as JSON, and then create some HTML content that displays the user's name, avatar, and url. If the request fails, we log the response text to the console. | + | We use the **XMLHttpRequest** object to send a GET request to the GitHub API, just like we did with Fetch API above. We then use the onload event handler to process the response when it's ready. If the request is successful (status code 200), we parse the response text as JSON, and then create some HTML content that displays the user's name, avatar, and url. If the request fails, we log the response text to the console. |
| Finally, we call the loadUsers function to kick off the AJAX request when the script loads. | Finally, we call the loadUsers function to kick off the AJAX request when the script loads. | ||
java-script/ajax-fetch.1691063620.txt.gz · Last modified: 2023/08/03 14:53 by odefta