Maison > interface Web > js tutoriel > Explication détaillée de l'utilisation de la méthode de chargement jquery

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

巴扎黑
Libérer: 2017-06-30 14:25:21
original
1763 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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal