Upgrade & Secure Your Future with DevOps, SRE, DevSecOps, MLOps!

We spend hours on Instagram and YouTube and waste money on coffee and fast food, but won’t spend 30 minutes a day learning skills to boost our careers.
Master in DevOps, SRE, DevSecOps & MLOps!

Learn from Guru Rajesh Kumar and double your salary in just one year.


Get Started Now!

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.

Certification Courses

DevOpsSchool has introduced a series of professional certification courses designed to enhance your skills and expertise in cutting-edge technologies and methodologies. Whether you are aiming to excel in development, security, or operations, these certifications provide a comprehensive learning experience. Explore the following programs:

DevOps Certification, SRE Certification, and DevSecOps Certification by DevOpsSchool

Explore our DevOps Certification, SRE Certification, and DevSecOps Certification programs at DevOpsSchool. Gain the expertise needed to excel in your career with hands-on training and globally recognized certifications.