Explication détaillée de l'utilisation de la méthode de chargement jquery

巴扎黑

Libérer： 2017-06-30 14:25:21

original

1774 Les gens l'ont consulté

jquery load est une fonction de jquery ajax. Load peut charger facilement et rapidement une page directement dans le p spécifié (html, php), et il peut prendre des paramètres. l'utilisation de la méthode de chargement.

Format

load(url,data,function(response,status,xhr))

Comment utiliser les données

1. Chargez un fichier php qui ne contient pas de paramètres de passage

代码如下	复制代码
$("#myID").load("test.php");

//Dans l'élément avec l'identifiant #myID Importez le résultat après avoir exécuté test.php
2. Chargez un fichier php contenant un paramètre de passage

Le code est le suivant

Copier le code

代码如下

复制代码

$("#myID").load("test.php",{"name" : "Adam"});

//导入的php文件含有一个传递参数，类似于：test.php?name=Adam

或者直接

$("#pResult").load("jqueryLoad?username=" + username + "&un="+$("#username").val()+"×tamp=" + (new Date()).getTime());

$ ("#myID").load("test.php",{"name" : "Adam"});

//Le fichier php importé contient un paramètre de passage, similaire à : test.php ? name=Adam

代码如下	复制代码
var username = encodeURI(encodeURI($("#username").val()));

ou directement

$("#pResult").load("jqueryLoad?username=" + username + "&un="+$("#username"). val ()+"×tamp=" + (new Date()).getTime());

代码如下	复制代码
$("button").click(function(){ $("p").load('demo_ajax_load.txt'); });

Lors de l'envoi des paramètres, les paramètres doivent être modifié Opération d'encodage secondaire :

Le code est le suivant

Copier le code
var nom d'utilisateur = encodeURI(encodeURI($("#username").val())) ;

代码如下

复制代码

$("#go").click(function(){

$("#myID").load("welcome.php", {"lname" : "Cai", "fname" : "Adam", function(){

$("#myID").fadeIn('slow');}

);

});

Utilisez la requête AJAX pour modifier le texte de l'élément p : tr>

Le code est le suivant td>	Copier le code
$("button").click(function(){ $("p").load('demo_ajax_load.txt');});

Comment utiliser le rappelPar exemple, si nous voulons afficher lentement le contenu chargé après la méthode de chargement obtient la réponse du serveur, nous pouvons utiliser la fonction de rappel. Le code est le suivant : $("#go").click(function(){ $("#myID" ).load("welcome.php", {"lname" : "Cai", "fname" : "Adam", function(){ $("#myID") .fadeIn('slow' );} );});

Le code est le suivant

Copier le code

例子

代码如下

复制代码

body{
  font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans empattement ;
  font-size:12px;
}
a {color:#FD9602}
a:hover{color:#6B9905}
a:focus {contour : aucun;}
/* ----------- Mon formulaire ----------- */
.mybox{
  margin:50px auto 0;
  width:500px;
  padding:0px;
  text-align:left;
}

code {
couleur de fond : #f9f9f9;
}
pre {
padding: 5px;
color: #000;
background-color: #DDD;
border: 1px solid #CCC;
line-height : 1.1em;
overflow : auto;
}

chargement jQuery方法演示

姓 :

名 :

显示代码

Remarque : Seulement si la fonction de traitement de chargement est liée avant que cet élément ne soit complètement chargé, elle sera déclenchée après son chargement. Si vous le liez plus tard, il ne se déclenchera jamais. Ne liez donc pas l'événement de chargement dans $(document).ready(), car jQuery liera l'événement de chargement une fois tout le chargement du DOM terminé

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!