Demos » AJAX Plugin

This page demonstrates some quick examples of the new AJAX Plugin for jQuery.

Loaded from an HTML File

Code:

$("div#html").load("ajax-test.html");

Loaded from an XML File

Code:

$.get("ajax-test.xml",function(xml){
  var text = $("title",xml).text();
  $("div#xml").html("<h1>"+text+"</h1>");
});

Loaded from a Dynamic HTML File

Code:

$("div#dhtml").load("html.cgi",{name:"John"});

Loaded from a Dynamic XML File

Code:

$.post("xml.cgi",{
  name: "John"
},function(xml){
  var text = $("title",xml).text();
  $("div#dxml").html("<h2>"+text+"</h2>");
});

Loaded from a Text File

Code:

$.get("ajax-test.txt",function(txt){
  $("div#txt").html("<h1>"+txt+"</h1>");
});