AJAX Crash Course

What is AJAX ?

  • Asynchronous Javascript & XML
  • Set of web technologies
  • Send & receive data asynchronously
  • Does not interfere with current web page
  • JSON has replaced XML for the most part

Why XmlHttpRequest (XHR) Object is Used ?

  • API in the form of an object
  • Provided by the browser’s JS environment
  • Methods transfer data between client/server
  • Can be used with other protocols than HTTP
  • Can work with data other than XML (JSON, plain text)

How to retrieve data from sample.txt files through AJAX?

First of all, you should create an ajax1.html and one sample.txt file. then copy and paste the below codes to view the result. for below code testing. place the file in htdocs folder of xampp and open URL like this: http://localhost/ajax/ajax1.html

ajax1.html

sample.txt

How to retrieve data from json files through AJAX?

there are some example code for this. so you can check out below:

ajax2.html

users.json

How to retrieve data from external API through AJAX?

please look the codes of ajax3.html and url of external source i.e : https://api.github.com/users

How to retrieve data from database through AJAX?

users.php

there are 4 examples explained above for retrieving data from different locations by the help of Ajax. so this example are very easy to understand and apply it to your project easily. so if you hava any confusion then watch this video: Link .

Thanks for supporting us. if you like this blog then share with your friends.

Chandan Kumar
Follow Me: