jQuery - get()

jQuery .get() is used when you want to get data from a server without reloading the page. It's a part of jQuery's AJAX features, which let your webpage talk to a server in the background.

Think of it like this: you click a button, and your page secretly asks the server for some data—then shows that data right away.

Basic Syntax:

$.get(URL, callback);

  • URL: the location of the data (usually a file or API)

  • callback: a function that runs when the data is received

Example: Load a text file and show it in a div

Let’s say you have a file called info.txt, and you want to show its content on the page:

$("#loadBtn").click(function() {
  $.get("info.txt", function(data) {
    $("#content").html(data);
  });
});

Here’s what this does:

  • When you click the button with ID loadBtn, it sends a GET request to info.txt.

  • Once the file is loaded, it puts the text inside the element with ID content.

What Kind of Data Can You Get?

  • Text files (.txt)

  • HTML snippets

  • JSON data (from APIs)

  • Any content the server can send back

Why Use .get()?

  • It’s simple and fast

  • It avoids page reloads

  • It helps create dynamic, responsive websites