Ajax-Load()-Methode
Übersetzungsergebnisse：
laden
Englisch [ləʊd]
n.Belasten; belasten; belasten; füllen;
vi .Laden; Laden;Ajax-Load()-MethodeSyntax
Funktion: Die Methode load() lädt Daten vom Server über AJAX-Anfragen und platziert die zurückgegebenen Daten im angegebenen Element. Es gibt auch eine jQuery-Ereignismethode namens „load“. Welcher aufgerufen wird, hängt von den Parametern ab.
Syntax: load(url,data,function(response,status,xhr))
Parameter:
| Parameter | Beschreibung |
| url | Anfragen werden an welche URL gesendet. |
| Daten | Optional. Gibt die Daten an, die mit der Anfrage an den Server gesendet werden sollen. |
| Funktion (Antwort, Status, XHR) | optional. Gibt eine Funktion an, die ausgeführt werden soll, wenn die Anforderung abgeschlossen ist. Zusätzliche Parameter: Antwort – Enthält die Ergebnisdaten der Anfrage. Status – Enthält den Status der Anfrage („success“, „notmodified“, „error“, „timeout“ oder „parsererror“). xhr – Enthält das XMLHttpRequest-Objekt |
Beschreibung: Diese Methode ist die einfachste Möglichkeit, Daten vom Server abzurufen. Es entspricht fast $.get(url, data, success), außer dass es keine globale Funktion ist und über eine implizite Rückruffunktion verfügt. Wenn eine erfolgreiche Antwort erkannt wird (z. B. wenn textStatus „success“ oder „notmodified“ ist), setzt .load() den HTML-Inhalt des passenden Elements auf die zurückgegebenen Daten. Dies bedeutet, dass die meisten Verwendungen dieser Methode so einfach sind wie: $("#result").load("ajax/test.html"); Wenn eine Rückruffunktion bereitgestellt wird, wird diese nach der Nachbearbeitung ausgeführt: $ ("#result").load("ajax/test.html", function() {alert("Laden wurde durchgeführt.");});Wenn das aktuelle Dokument in den beiden obigen Beispielen nicht das "Ergebnis" enthält „ID, die .load()-Methode wird nicht ausgeführt. Wenn es sich bei den bereitgestellten Daten um ein Objekt handelt, wird die POST-Methode verwendet; andernfalls wird die GET-Methode verwendet.
Ajax-Load()-MethodeBeispiel
<!DOCTYPE html>
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$('#test').load('需要加载的文档地址');
})
})
</script>
</head>
<body>
<h3 id="test">请点击下面的按钮，通过 jQuery AJAX 改变这段文本。</h3>
<button id="btn1" type="button">获得外部的内容</button>
</body>
</html>