jQuery - AJAX Introduction(code error)

❮ Previous Next ❯

AJAX is a way to send and receive information from a server, and it lets you change specific parts of a web page without having to refresh the entire page.

What is AJAX?

AJAX stands for Asynchronous JavaScript and XML.

AJAX is a method to get data in the background and display it on a webpage without reloading the whole page.

Here are some websites and services that use AJAX technology: Gmail, Google Maps, YouTube, and the tabs in Facebook.

You can find additional information on AJAX in our AJAX tutorial.

What About jQuery and AJAX?

jQuery offers various ways to handle AJAX tasks.

You can use jQuery AJAX to fetch data (like text, HTML, XML, or JSON) from a different website using either HTTP Get or HTTP Post. Then, you can place this data directly into specific parts of your web page.

Using AJAX without jQuery can be a little challenging!

Creating AJAX code can be confusing because each web browser has its own way of doing it. This means you have to write extra code to make sure it works on different browsers. But with jQuery, this problem is solved. You can use just one line of code to make AJAX work without worrying about different browser syntax.

<!DOCTYPE html>
<html>
  <head>
    <script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>
    <script>
      $(document).ready(function() {
        $("button").click(function() {
          $("#div1").load("demo_test.txt");
        });
      });
    </script>
  </head>
  <body>
    <div id="div1">
      <h2>Let jQuery AJAX Change This Text</h2>
    </div>
    <button>Get External Content</button>
  </body>
</html>

❮ Previous Next ❯

jQuery

jQuery | Syntax

jQuery | Selectors and Event Methods

jQuery Selectors

jQuery Events

jQuery HTML/CSS

jQuery - AJAX Introduction(code error)

What is AJAX?

What About jQuery and AJAX?

Web Development