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:

ParameterBeschreibung
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>

Beliebte Empfehlungen

Heim

Videos

Fragen und Antworten

einreichen