Med Java

User Tools

Site Tools

Trace:
java-script:ajax-fetch

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
java-script:ajax-fetch [2023/08/03 14:39] – odeftajava-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.
Line 145: Line 145:
 This will fetch data from the server without a page reload, in true AJAX style! This will fetch data from the server without a page reload, in true AJAX style!
  
-<code javascript fetch-true-ajax-style.js>+<code javascript fetch-true-ajax-style.html>
 <!DOCTYPE html> <!DOCTYPE html>
 <html> <html>
Line 197: Line 197:
 </code> </code>
  
 +<note tip>
 +Node.js can certainly make HTTP requests to APIs or other servers using libraries like axios or node-fetch, or using built-in modules like http or https. These requests are indeed asynchronous, but they're not considered "AJAX requests" because they're not being used to update a web page without a full page refresh. \\ \\ 
 +While both AJAX in the browser and HTTP requests in Node.js involve asynchronous operations, they're used in different contexts and for different purposes. So, it's accurate to say that there's no "true AJAX style" in Node.js, even though Node.js certainly supports asynchronous operations and can make HTTP requests.
 +</note>
  
java-script/ajax-fetch.1691062787.txt.gz · Last modified: 2023/08/03 14:39 by odefta