jQuery Pocket Reference

Those high-level utilities are all in accordance with the robust low-level functionality jQuery. ajax(). The subsections that stick to describe the high-level utilities first, after which hide the jQuery. ajax() functionality intimately. that allows you to totally comprehend the operation of the high-level utilities, you’ll have to comprehend jQuery. ajax(), no matter if you by no means have to use it explicitly. The load() strategy The load() procedure is the best of all jQuery utilities: move it a URL, which it's going to asynchronously load the content material of, after which insert that content material into all of the chosen components, exchanging any content material that's already there. for instance: // Load and reveal a standing document each 60 seconds setInterval(function() { $("#stats"). load("status_report. html"); }, 60000); sixty three We additionally observed the load() approach in “Simple occasion Handler Registration” on web page 31 the place it used to be used to sign up a handler for “load” occasions. If the 1st argument to this technique is a functionality rather than a string, it behaves as an occasion handler registration approach rather than as an Ajax procedure. if you happen to in basic terms are looking to demonstrate a component of the loaded record, upload an area to the URL and persist with it with a jQuery selector. whilst the URL has loaded, the selector you particular may be used to pick the parts of the loaded HTML to be displayed: // Load the temperature portion of the elements record $('#temp'). load("weather_report. html #temperature"); word that the selector on the finish of this URL appears to be like greatly like a fraction identifier. the distance is needed, even if, if you would like jQuery to insert in simple terms the chosen element (or parts) of the loaded record. The load() process accepts not obligatory arguments as well as the mandatory URL. the 1st is facts to append to the URL or to ship besides the request. for those who go a string, it really is appended to the URL (after a ? or &, as needed). when you move an item, it really is switched over to a string of ampersand-separated name=value pairs and despatched besides the request. (The info of object-to-string conversion for Ajax are in “Passing information to jQuery’s Ajax Utilities” on web page 68). The load() technique in general makes an HTTP GET request, but when you cross an information item, it makes a put up request in its place. listed here are examples: // Load the elements record for a detailed zipcode $('#temp'). load("us_weather. html", "zipcode=02134"); // the following we use an item as facts and specify levels F $('#temp'). load("us_weather. html", { zipcode:02134, units:'F' }); sixty four | bankruptcy 6: Ajax jQuery’s Ajax prestige Codes All of jQuery’s Ajax utilities, together with the load() technique, invoke callback services to supply asynchronous notification of the good fortune or failure of the request. the second one argument to those callbacks is a string with one of many following values: “success” this means that the request accomplished effectively. “notmodified” This code shows that the request accomplished typically yet that the server despatched an HTTP 304 “Not changed” reaction, which means the asked URL has no longer replaced because it was once final asked.