Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung der Verwendung der JQuery-Lademethode

Detaillierte Erläuterung der Verwendung der JQuery-Lademethode

巴扎黑
巴扎黑Original
2017-06-30 14:25:211701Durchsuche

JQuery Load ist eine Funktion in JQuery Ajax, mit der Sie eine Seite bequem und schnell direkt in das angegebene P (HTML, PHP) laden können die Verwendung der Lademethode.


Format

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

So verwenden Sie Daten

1. Laden Sie eine PHP-Datei, die keine übergebenen Parameter enthält

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

//Im Element mit der ID #myID Importieren Sie das Ergebnis nach dem Ausführen von test.php
2. Laden Sie eine PHP-Datei, die einen Übergabeparameter enthält

Der Code lautet wie folgt Code kopieren
 代码如下 复制代码

$("#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"});

//Die importierte PHP-Datei enthält einen Übergabeparameter, ähnlich wie: test.php ? name=Adam
 代码如下 复制代码

var username = encodeURI(encodeURI($("#username").val())); 

oder direkt

$("#pResult").load("jqueryLoad?username=" + username + "&un="+$("#username"). val ()+"×tamp=" + (new Date()).getTime());
 代码如下 复制代码

$("button").click(function(){
  $("p").load('demo_ajax_load.txt');
});

Beim Senden von Parametern müssen die Parameter angegeben werden geändert werden Sekundärer Codierungsvorgang:

Der Code lautet wie folgt
Code kopieren
var username = encodeURI(encodeURI($("#username").val())) ;

 代码如下 复制代码

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

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

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

  );

});

Verwenden Sie eine AJAX-Anfrage, um den Text des p-Elements zu ändern: tr>
Der Code lautet wie folgt Code kopieren
$("button").click(function(){ $("p").load('demo_ajax_load.txt');});
So verwenden Sie den RückrufZum Beispiel, wenn wir den geladenen Inhalt nach dem Laden langsam anzeigen möchten Wenn die Methode die Serverantwort erhält, können wir die Rückruffunktion verwenden. Der Code lautet wie folgt: $("#go").click(function(){ $("#myID" ).load("welcome.php", {"lname" : "Cai", "fname" : "Adam", function(){ $("#myID") .fadeIn('slow' );} );});
Der Code lautet wie folgt Code kopieren

例子

 代码如下 复制代码





jQuery Load方法 演示




 

 

显示代码

 



Hinweis: Nur wenn die Ladeverarbeitungsfunktion gebunden ist, bevor dieses Element vollständig geladen ist, wird sie nach dem Laden ausgelöst. Wenn Sie es später binden, wird es nie ausgelöst. Binden Sie das Ladeereignis also nicht in $(document).ready(), da jQuery das Ladeereignis bindet, nachdem der gesamte DOM-Ladevorgang abgeschlossen ist

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung der JQuery-Lademethode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn