jQuery - AJAX load() method

jQuery - AJAX load() method

jQuery load() method

The jQuery load() method is a simple but powerful AJAX method.

The load() method loads the data from the server and puts the returned data into the selected element.

Grammar:

The required URL parameter specifies the URL that you want to load.

The optional data parameter specifies a collection of query string keys/value pairs sent with the request.

The optional callback parameter is the name of the function executed after the load() method is completed.

This is the contents of the sample demo_test.txt ("I don't know"):

The following example loads the demo_test.txt of the file "called " into the specified element of the .lt;div>

You can also add the jQuery selector to the URL parameter.

The following example loads demo_test.txt the contents of an element in the "id" file, id"p1", into the specified element:

The optional callback parameter specifies the callback function to be allowed when the load() method is complete. Callback functions can set different parameters:

• responseTxt - Contains the result content when the call was successful
• StatusTXT - Contains the status of the call
• xhr - Contains the XMLHttpRequest object

The following example shows a prompt box when the load() method is complete. I f the load() method is successful, the "External content loaded successfully!" and, if it fails, an error message is displayed:

Tip: In jQuery's load() method, the callback function is triggered as soon as the request completes, regardless of whether the AJAX request is successful or not.