Try it Yourself: jQuery Get and Post

jQuery Get and Post

<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
</head>
<body>

<button id="loadBtn">Load Data</button>
<div id="result"></div>

<script>
$("#loadBtn").click(function() {
  $.get("demo_get.php", function(data, status) {
    $("#result").html(data);
    console.log("Status: " + status);
  });
});
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
</head>
<body>

<button id="loadBtn">Load Data</button>
<div id="result"></div>

<script>
$("#loadBtn").click(function() {
  $.get("demo_get.php", function(data, status) {
    $("#result").html(data);
    console.log("Status: " + status);
  });
});
</script>

</body>
</html>