suchen
HeimCMS-TutorialWordDrücken SieVereinfachter jQuery-Leitfaden: Erkundung von jQuery und Ajax

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&tagmode=all&format=json&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  / alt="Vereinfachter jQuery-Leitfaden: Erkundung von jQuery und Ajax" >').attr("src", item.media.m).appendTo('body'); if (i == 30) return false; });
          });
  })(jQuery); </script>
</body>
</html>

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()

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

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

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!

Stellungnahme
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
Wie wird WordPress in Geschäftsumgebungen verwendet?Wie wird WordPress in Geschäftsumgebungen verwendet?May 08, 2025 am 12:04 AM

WordpressissoutableForbusinessSetting.1) Issupportse-Commercewithplugins-ähnlichwoocommerce, erlaubt ProductManagement undPaymentprozessing.2 ItersasacmsCorcorporateblologs, EnhancingSeoandengagement.3) CustomizationSpossiblewithnoRaChemesandPlugglugins.4 ).4 ).4 ).4)

Welche Arten von Websites passt nicht gut zu WordPress?Welche Arten von Websites passt nicht gut zu WordPress?May 07, 2025 am 12:10 AM

WordPressIsnotidealforHigh-Trafficwebsites, CustomandComplex Applications, SicherheitssensitiveApplikationen, echte Timedataprozessing, andhoiglylycustomizeduserInterfaces.forHigh-Trafficsites, Usenext.JSorcustomsolutions; forcomplexApplication, optfordjangoorrubiorrubisions

Können Sie einen Blog mit WordPress erstellen?Können Sie einen Blog mit WordPress erstellen?May 06, 2025 am 12:03 AM

Ja, YoucanbuildabogwithWordPress.1) Wählen Sie zwischen WordPress.comforBeginersorwordPress.orgformorEcontrol.2) selectathemetopersonalizeyourblog.Slook.3) UsePluginstoenHanceFunctionality, LikeseoandSocialMediaInteGration

Wie sicher ist WordPress als CMS -Plattform?Wie sicher ist WordPress als CMS -Plattform?May 05, 2025 am 12:01 AM

WordPressCanbesecureifManagedProperly.1) KeepTheWordPressCoreupdatedTopatchVulnerabilities.2) Vetandupdatepluginsandthemes ausRomReputableSources.3) EnforcestongPasswordsandussetwo-Factorautorautical.5) ChooseaahostingProviderwithgoodscurityPractices

Welche Art von Websites können Sie mit WordPress CMS erstellen?Welche Art von Websites können Sie mit WordPress CMS erstellen?May 04, 2025 am 12:06 AM

WordPressCanBuildVariousTypesofwebsites: 1) Personalblogs, EasyToSetupwithThemesAndPlugins.2) BusinessWebsites, verwenden DRAG-and-DROPBUILDERS.3) E-CommercePlatformen mitwoocommerceAnteAntEAntinte integration

Was sind die Vor- und Nachteile der Verwendung von WordPress als CMS?Was sind die Vor- und Nachteile der Verwendung von WordPress als CMS?May 03, 2025 am 12:09 AM

WordPressIsapowerfulCmswithSignificantAdvantages und 1) Itsuser-freundlich und idealforbegglins.2) ItsexibilityCanleadtoToTandSecurityISSusiessifnotmanagedProperly) reguläre UMGEDATEDATEANTREPHICEPTIMICUMISIONSYTORSYTORYTOMAINTAINSYTOMAINTAINSAGEMAINTAILSAGE

Wie vergleicht WordPress mit anderen beliebten CMS -Plattformen?Wie vergleicht WordPress mit anderen beliebten CMS -Plattformen?May 02, 2025 am 12:18 AM

WordPressExcelSineaseofuseandAptability, Makingidealforbegglegersandsmalltomedium-Größe-Sizedbusiness.1) Easyofuse: Wordpressisuser-freundlich.2) Sicherheit: DrupalleadswithstrongSecurityFeatures.3) Leistung: GhostofferssexcellentPerformeduetonodes.jscurityFeatures.js.

Können Sie WordPress verwenden, um eine Mitgliedschaftsstelle zu erstellen?Können Sie WordPress verwenden, um eine Mitgliedschaftsstelle zu erstellen?May 01, 2025 am 12:08 AM

Ja, YoucanuseWordpressToBuildAmemberSShipsit.here'show: 1) UsePluginSlikememberpress, ContentAccessCessControl und PaymentHandling.2) sealEncontentProtection Mit ContentAccesscessControl und PaymentSandling.2) scontentProtectionwithupdatedPluginsandadditionalsalityMeasures

See all articles

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

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SAP NetWeaver Server-Adapter für Eclipse

SAP NetWeaver Server-Adapter für Eclipse

Integrieren Sie Eclipse mit dem SAP NetWeaver-Anwendungsserver.

mPDF

mPDF

mPDF ist eine PHP-Bibliothek, die PDF-Dateien aus UTF-8-codiertem HTML generieren kann. Der ursprüngliche Autor, Ian Back, hat mPDF geschrieben, um PDF-Dateien „on the fly“ von seiner Website auszugeben und verschiedene Sprachen zu verarbeiten. Es ist langsamer und erzeugt bei der Verwendung von Unicode-Schriftarten größere Dateien als Originalskripte wie HTML2FPDF, unterstützt aber CSS-Stile usw. und verfügt über viele Verbesserungen. Unterstützt fast alle Sprachen, einschließlich RTL (Arabisch und Hebräisch) und CJK (Chinesisch, Japanisch und Koreanisch). Unterstützt verschachtelte Elemente auf Blockebene (wie P, DIV),

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung