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;}
   
   

   

已有评论:

test.json文件为：

复制代码 代码如下:

[
  {
    „Benutzername“: „张三“,
    „content“: „沙发.“
  },
  {
    „Benutzername“: „李四“,
    „content“: „板凳.“
  },
  {
    „Benutzername“: „王五“,
    „content“: „地板.“
  }
]

 
使用JSONP形式的回调函数来加载其他网站的JSON数据.例如:

复制代码 代码如下:

   
   
   
        * { margin:0; padding:0;}
        Körper { Schriftgröße: 12px;}
        .para {
            Breite:100px;
            Höhe: 100 Pixel;
            margin:5px;
            Grenze:0;
        }
   
   

   

Hinweis:

jQuery ersetzt automatisch die Rückruffunktion in der URL, z. B. das letzte „?“ in „url?callback=?“, durch den richtigen Funktionsnamen, um die Rückruffunktion auszuführen.
JSONP (JSON with Padding) ist ein inoffizielles Protokoll, das die Integration von Skript-Tags auf der Serverseite und deren Rückgabe an den Client ermöglicht und so einen domänenübergreifenden Zugriff über JavaScript Callback ermöglicht. Da es sich bei JSON lediglich um Klartext mit einer einfachen Klammerstruktur handelt, können viele Kanäle JSON-Nachrichten austauschen. Aufgrund der Einschränkungen der Same-Origin-Richtlinie können Entwickler XMLHttpRequest nicht bei der Kommunikation mit externen Servern verwenden. JSONP ist eine Methode, die die gleiche Ursprungsrichtlinie umgehen kann, indem sie eine Kombination aus JSON- und

Heiße KI -Werkzeuge

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Mehr anzeigen

Heißer Artikel

Assassin's Creed Shadows: Seashell Riddle -Lösung

3 Wochen vor By DDD

Was ist neu in Windows 11 KB5054979 und wie Sie Update -Probleme beheben

2 Wochen vor By DDD

Wo kann man die Kransteuerungsschlüsselkarten in Atomfall finden

3 Wochen vor By DDD

<🎜>: Dead Rails - wie man jede Herausforderung abschließt

3 Wochen vor By DDD

Atomfall Guide: Gegenstandsstandorte, Questführer und Tipps

4 Wochen vor By DDD

Mehr anzeigen

Heiße Werkzeuge

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Mehr anzeigen

Heiße Themen

Wo ist der Login-Zugang für Gmail-E-Mail?

7648

15

CakePHP-Tutorial

1392

52

Wie lautet das Format des Kontonamens von Steam?

91

11

Win11 -Aktivierungsschlüssel dauerhaft

73

19

NYT Mini Kreuzworträtsel Antworten

36

110

Mehr anzeigen