jquery load event (callback/data) usage methods and precautions_jquery

If bound to the window object, it will be triggered after all content is loaded, including windows, frames, objects and images. If bound to an element, it fires when the element's content is loaded.

Note: Only if the load handler is bound before this element is completely loaded will it be triggered after it is loaded. If you bind it later, it will never trigger. So don't bind the load event in $(document).ready(), because jQuery will bind the load event after all DOM loading is completed. Therefore, when using the load method, try to write the load method at the top of the page.

The complete format of calling the load method is: load(url, [data], [callback]),
where:
•url: refers to the address of the file to be imported.
•data: Optional parameter; because Load can not only import static html files, but also dynamic scripts, such as PHP files, so when we want to import dynamic files, we can put the parameters to be passed here. .
•callback: optional parameter; refers to another function that is executed after calling the load method and getting a response from the server.

1: How to use data
1. Load a php file that does not contain passing parameters $("#myID").load("test.php") ;
//The result after importing test.php in the element with ID #myID 2. Load a php file, which contains a transfer parameter
$("#myID").load(" test.php",{"name" : "Adam"});
//The imported php file contains a passing parameter, similar to: test.php?name=Adam3. Load a php file, which contains Pass multiple parameters. Note: Separate parameters with commas
$("#myID").load("test.php",{"name" : "Adam" , "site": "61dh.com"});
//The imported php file contains a passing parameter, similar to: test.php?name=Adam&site=61dh.com4. Load a php file that uses an array as a passing parameter
$("#myID"). load("test.php",{'myinfo[]', ["Adam", "61dh.com"]});
//The imported php file contains an array passing parameter. Note: When using load, these parameters are passed in POST, so in test.php, GET cannot be used to obtain parameters.

2: How to use callback
For example, if we want to slowly display the loaded content after the load method gets the server response, we can use the callback function. The code is as follows:

Copy code The code is as follows:

$("#go").click (function(){
$("#myID").load("welcome.php", {"lname" : "Cai", "fname" : "Adam", function(){
$( "#myID").fadeIn('slow');}
);
});

Note:
Add a space after the load url to follow selector.
For example:

Copy code The code is as follows:

$("body"). load("test.html #a");