jQuery Reference
Tags:
Categories: , , ,

Quick Reference

The .post() method loads data from the server using an HTTP POST request.

// on button click get some info and create an alert
$('button').click(function() {
    $.post('test.asp',
        {
            name: 'Johnny Shay',
            state: 'California'
        },
    function(data,status) {
        alert('Data: ' + data + '\nStatus: ' + status);
    });
});

Syntax

$(document).ajaxComplete(function(event,xhr,options))

Note

It is generally good practice to place your jQuery code/function inside the document load function so that the action takes place ONLY after the document has finished loading. This ensures that all of the page elements that you may be selecting are in place before running the code on them.

Parameters

ParameterDescription
URLSpecifies the URL you wish to request (required)
dataSpecifies data to send to the server along with the request
function(data,status,xhr)Specifies a function to run if the request succeeds

Additional parameters:
  • data - contains the resulting data from the request
  • status - contains the status of the request ("success", "notmodified", "error", "timeout", or "parsererror")
  • xhr - contains the XMLHttpRequest object
dataTypeSpecifies the data type expected of the server response; by default jQuery performs an automatic guess

Possible types:
  • "xml" - An XML document
  • "html" - HTML as plain text
  • "text" - A plain text string
  • "script" - Runs the response as JavaScript, and returns it as plain text
  • "json" - Runs the response as JSON, and returns a JavaScript object
  • "jsonp" - Loads in a JSON block using JSONP. Will add an "?callback=?" to the URL to specify the callback

jQuery Notes:

  • To use jQuery on your site, it must first be downloaded from the official jQuery site and linked to in your document <head>, or linked to via a CDN in your document <head>
  • It is generally good practice to place your jQuery code/function inside the document load function so that the action takes place ONLY after the document has finished loading
  • When using jQuery, single or double quotation marks are acceptable and work identically to one another; choose whichever you prefer, and stay consistent
If you like our content, and find it helpful, please consider making a small donation. Thank you!

We’d like to acknowledge that we learned a great deal of our coding from W3Schools and TutorialsPoint, borrowing heavily from their teaching process and excellent code examples. We highly recommend both sites to deepen your experience, and further your coding journey. We’re just hitting the basics here at 1SMARTchicken.