jQuery and JavaScript Phrasebook

Loading HTML Data into Page Elements

Click here to view code image

$("#content").load("new.html");

A great way to add dynamic data to a web page is to have the web server deliver the data already formatted as HTML. Then, using the jQuery .load() AJAX method, you can load the data directly into an element.

The .load() AJAX method can be called from any jQuery object and performs an AJAX get request in the background, formats the response, and injects it as the innerHTML of the element. For example:

Click here to view code image

$("#content").load("new.html");

The following code shows an example of using the .load() method to load lorem ipsum article data from the web server into an existing <div> container. Figure 13.4 illustrates loading ...