Inhaltsverzeichnis
Die Funktion jQuery ajax() ist die niedrigste Abstraktionsebene
jQuery unterstützt domänenübergreifendes JSONP
Stoppen Sie das Browser-Caching von XHR-Anfragen
Heim CMS-Tutorial WordDrücken Sie Vereinfachter jQuery-Leitfaden: Erkundung von jQuery und Ajax

Vereinfachter jQuery-Leitfaden: Erkundung von jQuery und Ajax

Sep 02, 2023 pm 09:05 PM

jQuery 简化指南:探索 jQuery 和 Ajax

Die Funktion jQuery ajax() ist die niedrigste Abstraktionsebene

jQuery ajax() 函数是可用于 XMLHttpRequest(又名 AJAX)的最低抽象级别。所有其他 jQuery AJAX 函数(例如 load())都利用 ajax() 函数。使用 ajax() 函数为 XMLHttpRequests 提供了最强大的功能。 jQuery 还提供了其他更高级别的抽象来执行非常特定类型的 XMLHttpRequests。这些函数本质上是 ajax() Verknüpfungen für Methoden.

Diese Verknüpfungen sind:

  • 加载()
  • <code>get()
  • <code>getJSON()
  • <code>getScript()
  • <code>post()

Es ist wichtig zu beachten, dass Abkürzungen zwar manchmal ganz nett sind, sie aber alle ajax() 。而且,当您需要 jQuery 在 AJAX 方面提供的所有功能和自定义功能时,您应该使用 ajax() Methoden hinter den Kulissen nutzen.

Hinweis: Standardmäßig ajax()load() AJAX 函数均使用 GET HTTP-Protokoll.


jQuery unterstützt domänenübergreifendes JSONP

JSON mit Auffüllung (JSONP) ist eine Technologie, die es dem Absender einer HTTP-Anfrage (die JSON zurückgibt) ermöglicht, einen Namen für eine Funktion bereitzustellen, die mit einem JSON-Objekt als Funktionsparameter aufgerufen wird. Diese Technologie verwendet kein XHR. Es verwendet Skriptelemente, sodass Daten von jeder Site in jede Site gezogen werden können. Der Zweck besteht darin, die Same-Origin-Richtlinieneinschränkungen von XMLHttpRequest zu umgehen.

Mit <code>getJSON() jQuery-Funktionen können Sie JSON-Daten von einer anderen Domäne laden, wenn Sie der URL eine JSONP-Rückruffunktion hinzufügen. Als Beispiel sehen Sie hier, wie eine URL-Anfrage mit der Flickr-API aussieht.

<span class="sgc-100">http://api.flickr.com/services/feeds/photos_public.gne?tags=resig&tagmode=all&format=json&jsoncallback</span>=? Der

?-Wert wird als Abkürzung verwendet, um jQuery anzuweisen, die als Argument an die ? 值用作快捷方式,告诉 jQuery 调用作为 <code>getJSON() 函数的参数传递的函数。如果您不想使用此快捷方式,可以将 ?-Funktion übergebene Funktion aufzurufen. Wenn Sie diese Verknüpfung nicht verwenden möchten, können Sie ? durch den Namen einer anderen Funktion ersetzen.

Unten verwende ich die Flickr-JSONP-API, um eine Webseite einzubinden, die die neuesten Fotos mit dem Tag „resig“ enthält. Beachten Sie, dass ich die Verknüpfung ? verwende, sodass jQuery einfach die Rückruffunktion der von mir bereitgestellten ? 快捷方式,因此 jQuery 将简单地调用我提供的 <code>getJSON()-Funktion aufruft. Der an die Rückruffunktion übergebene Parameter sind die angeforderten JSON-Daten.

<!DOCTYPE html>
<html lang="en">
<body>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>  (function($){      
      $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=resig&amp;tagmode=all&amp;format=json&amp;jsoncallback=?",
          // Using ? just means call the callback function provided
          function (data) { // Data is the JSON object from Flickr    
              $.each(data.items, function (i, item) { $('<img />').attr("src", item.media.m).appendTo('body'); if (i == 30) return false; });
          });
  })(jQuery); </script>
</body>
</html>
Nach dem Login kopieren

Hinweis: Bitte überprüfen Sie unbedingt die API des von Ihnen verwendeten Dienstes, um Rückrufe korrekt zu verwenden. Flickr verwendet beispielsweise den Namen jsoncallback=?,而 Yahoo!和 Digg 使用名称 callback=?.


Stoppen Sie das Browser-Caching von XHR-Anfragen

Beim Ausführen einer XHR-Anfrage speichert Internet Explorer die Antwort zwischen. Caching kann eine gute Sache sein, wenn die Antwort statischen Inhalt mit langer Haltbarkeit enthält. Wenn der Inhalt der Anfrage jedoch dynamisch ist und sich jederzeit ändern kann, müssen Sie sicherstellen, dass der Browser die Anfrage nicht zwischenspeichert. Eine mögliche Lösung besteht darin, einen eindeutigen Abfragezeichenfolgenwert an das Ende der URL anzuhängen. Dadurch wird sichergestellt, dass der Browser für jede Anfrage eine eindeutige URL anfordert.

// Add unique query string at end of the URL
url: 'some?nocache='+(newDate()).getTime()
Nach dem Login kopieren

Eine andere Lösung (eher eine globale Lösung) besteht darin, alle AJAX-Anfragen standardmäßig so zu versehen, dass sie die gerade besprochene No-Cache-Logik enthalten. Verwenden Sie dazu die ajaxSetup-Funktion, um das Caching global zu deaktivieren.

$.ajaxSetup({
            cache: false // True by default. False means caching is off.
});
Nach dem Login kopieren

Um diese globale Einstellung nun mit einer separaten XHR-Anfrage zu überschreiben, können Sie einfach dem Codebeispiel folgen, das die XHR-Anfrage mit der Funktion ajax() 函数时更改缓存选项即可。下面是使用 ajax() durchführt, die die globale Einstellung überschreibt und die Anfrage zwischenspeichert.

$.ajaxSetup ({   
    cache: false // True by default. False means caching is off.   
});       
jQuery.ajax({ cache: true, url: 'some', type: 'POST' } );
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonVereinfachter jQuery-Leitfaden: Erkundung von jQuery und Ajax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

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

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Java-Tutorial
1662
14
PHP-Tutorial
1261
29
C#-Tutorial
1234
24
So starten Sie einen WordPress-Blog: eine Schritt-für-Schritt-Anleitung für Anfänger So starten Sie einen WordPress-Blog: eine Schritt-für-Schritt-Anleitung für Anfänger Apr 17, 2025 am 08:25 AM

Blogs sind die ideale Plattform für Menschen, um ihre Meinungen, Meinungen und Meinungen online auszudrücken. Viele Neulinge sind bestrebt, eine eigene Website zu bauen, zögern jedoch, sich über technische Hindernisse oder Kostenprobleme zu sorgen. Da sich die Plattform jedoch weiterentwickelt, um die Fähigkeiten und Bedürfnisse von Anfängern zu erfüllen, wird sie jetzt einfacher als je zuvor. In diesem Artikel führen Sie Schritt für Schritt, wie Sie ein WordPress -Blog erstellen, von der Auswahl der Themen bis zur Verwendung von Plugins, um Sicherheit und Leistung zu verbessern und Ihnen dabei zu helfen, Ihre eigene Website problemlos zu erstellen. Wählen Sie ein Blog -Thema und eine Blog -Richtung Vor dem Kauf eines Domainnamens oder der Registrierung eines Hosts ist es am besten, die Themen zu identifizieren, die Sie abdecken möchten. Persönliche Websites können sich um Reisen, Kochen, Produktbewertungen, Musik oder jedes Hobby bewirken, das Ihre Interessen weckt. Wenn Sie sich auf Bereiche konzentrieren, an denen Sie wirklich interessiert sind, können Sie das kontinuierliche Schreiben fördern

So stellen Sie die WordPress -Artikelliste an So stellen Sie die WordPress -Artikelliste an Apr 20, 2025 am 10:48 AM

Es gibt vier Möglichkeiten, die WordPress -Artikelliste anzupassen: Verwenden Sie Themenoptionen, verwenden Plugins (z. B. die Bestellung von Post -Typen, WP -Postliste, Boxy -Sachen), Code (Einstellungen in der Datei functions.php hinzufügen) oder die WordPress -Datenbank direkt ändern.

So erhalten Sie in WordPress in Benutzerinformationen für personalisierte Ergebnisse So erhalten Sie in WordPress in Benutzerinformationen für personalisierte Ergebnisse Apr 19, 2025 pm 11:57 PM

Kürzlich haben wir Ihnen gezeigt, wie Sie ein personalisiertes Erlebnis für Benutzer erstellen können, indem Benutzer ihre bevorzugten Beiträge in einer personalisierten Bibliothek retten können. Sie können personalisierte Ergebnisse auf eine andere Ebene bringen, indem Sie an einigen Stellen (d. H. Begrüßungsbildschirme) ihre Namen verwenden. Glücklicherweise macht es WordPress sehr einfach, Informationen über angemeldete Benutzer zu erhalten. In diesem Artikel zeigen wir Ihnen, wie Sie Informationen zum aktuell angemeldeten Benutzer abrufen. Wir werden den Get_Currentuserinfo () verwenden;  Funktion. Dies kann überall im Thema verwendet werden (Header, Fußzeile, Seitenleiste, Seitenvorlage usw.). Damit es funktioniert, muss der Benutzer angemeldet sein. Wir müssen also verwenden

So zeigen Sie Kinderkategorien auf der Archivseite der übergeordneten Kategorien an So zeigen Sie Kinderkategorien auf der Archivseite der übergeordneten Kategorien an Apr 19, 2025 pm 11:54 PM

Möchten Sie wissen, wie Sie untergeordnete Kategorien auf der Seite der übergeordneten Kategorie -Archivseite angezeigt werden? Wenn Sie eine Klassifizierungsarchivseite anpassen, müssen Sie dies möglicherweise tun, um es Ihren Besuchern nützlicher zu machen. In diesem Artikel zeigen wir Ihnen, wie Sie Kinderkategorien auf der Seite der Elternkategorie problemlos anzeigen können. Warum erscheinen Unterkategorien auf der Seite der übergeordneten Kategorie -Archiv -Seite? Indem Sie alle Kinderkategorien auf der Seite der übergeordneten Kategorie -Archiv -Seite anzeigen, können Sie sie für Besucher weniger allgemein und nützlicher machen. Wenn Sie beispielsweise einen WordPress-Blog über Bücher ausführen und eine Taxonomie namens "Thema" haben, können Sie Untertaxonomie wie "Roman", "Sachbücher" hinzufügen, damit Ihre Leser können

So sortieren Sie Beiträge nach Ablaufdatum in WordPress So sortieren Sie Beiträge nach Ablaufdatum in WordPress Apr 19, 2025 pm 11:48 PM

In der Vergangenheit haben wir geteilt, wie das Postexpirator -Plugin verwendet wird, um Beiträge in WordPress abzulehnen. Nun, beim Erstellen der Aktivitätslisten -Website fanden wir dieses Plugin sehr nützlich. Wir können abgelaufene Aktivitätslisten problemlos löschen. Zweitens ist es dank dieses Plugins auch sehr einfach, Beiträge nach Ablaufdatum zu sortieren. In diesem Artikel zeigen wir Ihnen, wie Sie Beiträge nach Ablaufdatum in WordPress sortieren. Aktualisierter Code, um Änderungen im Plugin zu reflektieren, um den benutzerdefinierten Feldnamen zu ändern. Danke Tajim, dass du uns in den Kommentaren informiert hast. In unserem spezifischen Projekt verwenden wir Ereignisse als benutzerdefinierte Post -Typen. Jetzt

So automatisieren Sie WordPress und Social Media mit IFTTT (und mehr) So automatisieren Sie WordPress und Social Media mit IFTTT (und mehr) Apr 18, 2025 am 11:27 AM

Suchen Sie nach Möglichkeiten, Ihre WordPress -Website und Social -Media -Konten zu automatisieren? Mit der Automatisierung können Sie Ihre WordPress -Blog -Beiträge oder Updates automatisch auf Facebook, Twitter, LinkedIn, Instagram und mehr freigeben. In diesem Artikel zeigen wir Ihnen, wie Sie WordPress und Social Media mit IFTTT, Zapier und Uncanny Automator einfach automatisieren können. Warum WordPress und Social Media automatisieren? Automatisieren Sie Ihren WordPre

So anzeigen Sie die Abfragezahl und die Seite Ladezeit in WordPress an So anzeigen Sie die Abfragezahl und die Seite Ladezeit in WordPress an Apr 19, 2025 pm 11:51 PM

Einer unserer Benutzer hat andere Websites gefragt, wie die Anzahl der Abfragen und die Ladezeit des Seitens im Fußzeile angezeigt wird. Sie sehen dies oft in der Fußzeile Ihrer Website, und es kann so etwas wie: "64 Abfragen in 1,248 Sekunden" angezeigt. In diesem Artikel zeigen wir Ihnen, wie Sie die Anzahl der Abfragen und die Seitenladezeit in WordPress anzeigen. Fügen Sie einfach den folgenden Code ein, wo Sie in der Themendatei möchten (z. B. foote.php). Abfragen

So erstellen Sie eine Website für WordPress -Host So erstellen Sie eine Website für WordPress -Host Apr 20, 2025 am 11:12 AM

Um eine Website mit WordPress -Host zu erstellen, müssen Sie: einen zuverlässigen Hosting -Anbieter auswählen. Kaufen Sie einen Domainnamen. Richten Sie ein WordPress -Hosting -Konto ein. Wählen Sie ein Thema aus. Seiten und Artikel hinzufügen. Installieren Sie das Plug-In. Passen Sie Ihre Website an. Veröffentlichen Sie Ihre Website.

See all articles