JQuery Ajax Full resolution

jquery is really a nice lightweight JS framework that can help us quickly develop JS applications and, to some extent, change our habit of writing JavaScript code.

Cut the crap, go straight to the point, let's take a look at some simple methods that encapsulate the Jquery.ajax () to make it easier for us to use, and of course, if you want to deal with complex logic, you need to use Jquery.ajax ().

1. Load (URL, [data], [callback]): Loads the remote HTML file code and inserts it into the DOM.

URL (String): The URL address of the requested HTML page.

Data (MAP): (optional parameters) sent to the server's key/value.

Callback (callback): (optional parameter) a callback function that does not need to be success when the request completes.

This method is passed by default using Get method, and is automatically converted to post if the [data] parameter is passed in. In JQuery 1.2, you can specify a selector to filter the loaded HTML document, and only the filtered HTML code will be inserted into the DOM. Syntax is like "URL #some > selector".

This method makes it easy to dynamically load some HTML files, such as forms.

Sample code:

The results are displayed here.

Note: Do not know why the URL write absolute path under FF will be wrong, know the trouble to tell. The following get () and post () examples use an absolute path, so you will go wrong under FF and you will not see the results returned. The Get () and post () examples are called across domains, and they are found to be not able to get results, so the run button is removed.

Continue >> Next [1th] [2nd page] [3rd] [4th] [5th page] [6th page]