jQuery — Get and Post

$.get()

$.get("https://api.example.com/users", function(data, status) {
    console.log("Status:", status);
    console.log("Data:", data);
});

$.get with Data

$.get("https://api.example.com/users", { page: 2, limit: 10 }, function(data) {
    console.log(data);
});

$.post()

$.post("https://api.example.com/users", {
    name: "John",
    email: "john@example.com"
}, function(data, status) {
    console.log("Created:", data);
});

POST with JSON

$.ajax({
    url: "https://api.example.com/users",
    method: "POST",
    contentType: "application/json",
    data: JSON.stringify({ name: "John" }),
    success: function(data) {
        console.log(data);
    }
});

With Promises

$.get("/api/data")
    .done(function(data) { console.log("Success:", data); })
    .fail(function(xhr, status, error) { console.log("Error:", error); })
    .always(function() { console.log("Request complete"); });

Practical Example

// Submit form via AJAX
$("#myForm").submit(function(e) {
    e.preventDefault();
    $.post("/submit", $(this).serialize(), function(data) {
        $("#result").text("Saved!");
    });
});

Mini Practice

1. Make a GET request to a public API
2. POST form data
3. Use promise methods done/fail
4. Serialize a form for POST

Up Next

Continue with JSON — working with JSON data in AJAX.