Detaillierte Erläuterung der Ajax-Methoden get, post und anderer in jQuery_jquery

Die

load()-Methode wird normalerweise verwendet, um statische Datendateien vom Webserver abzurufen, dies spiegelt jedoch nicht den vollen Wert von Ajax wider.

Wenn Sie im Projekt einige Parameter an die Seite auf dem Server übergeben müssen, können Sie die Methode $.get() oder $.post() (oder die Methode $.ajax()) verwenden

$.get()-Methode Verwendet die GET-Methode, um asynchrone Anfragen zu stellen. Die Struktur ist: $.get(url [, data] [, callback] [, type])

Die Parameter der $.get()-Methode werden wie folgt erklärt:

an die Anforderungs-URL angehängt

Parametername	Typ	Beschreibung
URL	Zeichenfolge	Die URL-Adresse der angeforderten HTML-Seite
Daten (optional)	Objekt	Die an den Server gesendeten Schlüssel-/Wertdaten werden als QueryString
Rückruf (optional)	Funktion	Die Rückruffunktion wird aufgerufen, wenn das Laden erfolgreich ist (diese Methode wird nur aufgerufen, wenn der Rückgabestatus von Response erfolgreich ist) und das Anforderungsergebnis und der Status werden automatisch an diese Methode übergeben
Typ (optional)	Zeichenfolge	Das Format des vom Server zurückgegebenen Inhalts, einschließlich XML, HTML, Skript, JSON, Text und _default

$.post()-Methode.

Die Struktur und Verwendung der Methoden $.post() und $.get() sind gleich, es gibt jedoch immer noch die folgenden Unterschiede zwischen ihnen:

Die GET-Anfrage übergibt die Parameter nach der URL, während die POST-Anfrage als Entitätsinhalt der HTTP-Nachricht an den Webserver gesendet wird.
Bei der GET-Methode gibt es eine Größenbeschränkung für die übertragenen Daten (normalerweise nicht mehr als 2 KB), während die mit der POST-Methode übertragene Datenmenge viel größer ist als bei der GET-Methode (theoretisch nicht begrenzt)
Die von der GET-Methode angeforderten Daten werden vom Browser zwischengespeichert, sodass andere die Daten aus dem Browserverlauf lesen können, z. B. Kontonummer und Passwort. In einigen Fällen verursacht die GET-Methode schwerwiegende Sicherheitsprobleme, während die POST-Methode diese Probleme relativ vermeiden kann
Die von der GET-Methode und der POST-Methode übertragenen Daten werden serverseitig unterschiedlich abgerufen.

$.getScript(): jQuery bietet diese Methode zum direkten Laden von JS-Dateien. Dies ist so einfach und bequem wie das Laden eines HTML-Fragments und erfordert keine Verarbeitung von JavaScript-Dateien, sondern von JavaScript-Dateien automatisch ausgeführt.

Der jQuery-Code lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

$(function () {
           $("#send").click(function () {
               $.getScript("test.js");
        });
})

Wie andere Ajax-Methoden verfügt auch die Methode $.getScript() über eine Rückruffunktion, die ausgeführt wird, nachdem die JavaScript-Datei erfolgreich geladen wurde.

Zum Beispiel: Wenn Sie das offizielle jQuery-Plug-in für Farbanimationen (jquery.color.js) laden und die Farbänderungsanimation nach Erfolg an das Element binden möchten:

Code kopieren Der Code lautet wie folgt:

* { margin:0; padding:0;}
            body { font-size:12px;}
​​ .comment { margin-top:10px; padding:10px; border:1px solid #ccc;background:#DDD;}
          .comment h6 {font-weight:700;font-size:14px;}
          .para { margin-top:5px; text-indent:2em;background:#DDD;}
​ .block{width:80px;height:80px;background:#DDD;}




run

$.getJson(): Diese Methode wird zum Laden von JSON-Dateien verwendet und ihre Verwendung ist die gleiche wie $.getScript().

Code kopieren Der Code lautet wie folgt:

   
   
   
        * { margin:0; padding:0;}
        Körper { Schriftgröße: 12px;}
        .comment { margin-top:10px; Polsterung:10px; border:1px solid #ccc;background:#DDD;}
        .comment h6 { Schriftgröße:700; Schriftgröße:14px;}
        .para { margin-top:5px; text-indent:2em;background:#DDD;}
   
   

   

已有评论: