Pro PHP and jQuery by Jason Lengstorf.pdf - Computer Science ...

To send a request with data using POST, the following code could be used:
$.post("ajax.php", {"var1":"value"}, function(data){
$("#bar")
.css("background","yellow")
.html(data);
});
$.getJSON()
CHAPTER 2 ■ COMMON JQUERY ACTIONS AND METHODS
When loading JSON data, $.getJSON() is a shortcut function. It accepts the URL to which requests are
sent, optional data, and an optional callback function.
To run an example of this function, another test file needs to be created: create a new file called
json.php in the testing folder, and insert the following JSON into it:
{"var1":"value1","var2":"value2"}
Now, load the contents of json.php and output the contents in the paragraph with ID bar:
$.getJSON("json.php",
function(data){
$("#bar")
.css("background","yellow")
.html(data.var1+", "+data.var2);
});
Upon execution, the contents of the paragraph will be replaced with the string "value1, value2".
$.getScript()
To load external JavaScript, use the $.getScript() function. This accepts a URL to which the request is
sent and an optional callback (which is generally not needed, as the script will execute automatically on
a successful load).
Create a new file called script.php in the testing folder, and insert the following:
alert("This script was loaded by AJAX!");
Now, load this script by executing the following code in the console:
$.getScript("script.php");
.load()
Upon execution, the alert fires.
The .load() method works just like $.get() or $.post(), except it’s a method instead of a global
function. It has an implicit callback, which is to replace the HTML of the matched elements with the
content returned from the remote file.
The method accepts the same three arguments: destination URL, optional data, and an optional
callback (which fires after the element content has been replaced).
Load the contents of ajax.php in the paragraph with ID bar after sending some data using this code:
83