jQuery 简化指南：探索 jQuery 和 Ajax-WordPress-PHP中文网

首页

CMS教程

WordPress

jQuery 简化指南：探索 jQuery 和 Ajax

PHPz

Sep 02, 2023 pm 09:05 PM

jQuery 简化指南：探索 jQuery 和 Ajax

jQuery ajax() 函数是最低级别的抽象

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

这些快捷方法是：

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

需要注意的是，虽然快捷方式有时很好，但它们都在幕后使用 ajax() 。而且，当您需要 jQuery 在 AJAX 方面提供的所有功能和自定义功能时，您应该使用 ajax() 方法。

注意：默认情况下，ajax() 和 load() AJAX 函数均使用 GET HTTP 协议。

jQuery 支持跨域 JSONP

带有填充的 JSON (JSONP) 是一种技术，允许 HTTP 请求（返回 JSON）的发送者为使用 JSON 对象作为函数参数进行调用的函数提供名称。该技术不使用 XHR。它使用脚本元素，因此可以将数据从任何站点拉入任何站点。目的是为了规避XMLHttpRequest的同源策略限制。

使用 <code>getJSON() jQuery 函数，当 URL 中添加 JSONP 回调函数时，您可以从另一个域加载 JSON 数据。作为示例，以下是使用 Flickr API 的 URL 请求的样子。

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

? 值用作快捷方式，告诉 jQuery 调用作为 ? 值用作快捷方式，告诉 jQuery 调用作为 <code>getJSON() 函数的参数传递的函数。如果您不想使用此快捷方式，可以将 ? 函数的参数传递的函数。如果您不想使用此快捷方式，可以将 ? 替换为另一个函数的名称。

下面，我使用 Flickr JSONP API 拉入一个网页，其中包含带有“resig”标签的最新照片。请注意，我使用的是 ? 快捷方式，因此 jQuery 将简单地调用我提供的 ? 快捷方式，因此 jQuery 将简单地调用我提供的 <code>getJSON() 函数的回调函数。传递给回调函数的参数是请求的JSON数据。

<!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="jQuery 简化指南：探索 jQuery 和 Ajax" >').attr("src", item.media.m).appendTo('body'); if (i == 30) return false; });
          });
  })(jQuery); </script>
</body>
</html>

注意：请确保检查您所使用的服务的 API 以便正确使用回调。例如，Flickr 使用名称 jsoncallback=?，而 Yahoo!和 Digg 使用名称 callback=?。

停止浏览器缓存 XHR 请求

执行 XHR 请求时，Internet Explorer 将缓存响应。如果响应包含具有较长保质期的静态内容，则缓存可能是一件好事。但是，如果请求的内容是动态的并且可能随时发生变化，您将需要确保浏览器不会缓存该请求。一种可能的解决方案是将唯一的查询字符串值附加到 URL 的末尾。这将确保浏览器对于每个请求请求唯一的 URL。

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

另一个解决方案（更多的是全局解决方案）是默认设置所有 AJAX 请求以包含我们刚才讨论的无缓存逻辑。为此，请使用 ajaxSetup 函数全局关闭缓存。

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

现在，为了用单独的 XHR 请求覆盖此全局设置，您只需在使用 ajax() 函数时更改缓存选项即可。下面是使用 ajax() 函数执行 XHR 请求的代码示例，该函数将覆盖全局设置并缓存请求。

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

以上是jQuery 简化指南：探索 jQuery 和 Ajax的详细内容。更多信息请关注PHP中文网其他相关文章！

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

WordPress作为大型网站的CMS有多可扩展？May 12, 2025 am 12:08 AM

WordPressCanHandLeLArgeWebsitesWithCareFulplanningAndOptimization.1）USECACHINGTOREDUCESERVERVERLOAD.2）优化YourdataBaseRegularly.3）actizeyourdatabaseregularly.3）ackdntododistibutecontent.4））

WordPress的定制程度如何？May 11, 2025 am 12:11 AM

WordPress的定制化程度非常高，提供了广泛的灵活性和可定制性。1）通过主题和插件生态系统，2）利用RESTAPI进行前端开发，3）深入代码层面进行修改，用户可以实现高度个性化的体验。然而，定制化需要掌握PHP、JavaScript、CSS等技术，且需注意性能优化和插件选择，以避免潜在的问题。

WordPress作为CMS的核心功能是什么？May 10, 2025 am 12:15 AM

WordPressisanexcellentchoiceforaCMSduetoitsuser-friendlyinterface,extensiveecosystem,SEOcapabilities,scalability,andsupportivecommunity.1)Itsintuitivedashboardmakescontentmanagementeasyforallusers.2)Thevastarrayofthemesandpluginsallowsforextensivecus

使用WordPress管理内容有多容易？May 09, 2025 am 12:11 AM

WordPressiser-FrightlyDuetLoitsIntuitiveInterfaceAndcms，whosparateContentFromDesign.itoffersArichTextedextEditorforeasyContentCreationAndialibraryFororRaryFororRory.itsflexeNhangedBancedBynhangedBynHangedBynumereNumerSandeMesandPlugins，elloverSandplugins，elloverOverUseCanimpActpercrance

WordPress如何在业务环境中使用？May 08, 2025 am 12:04 AM

1）ITSUPPORTSE-CommerceWithPluginSlikeWooCommerce，允许ProductManagementAndAndPaymentProcessing.2）ITSERVESASASASACMSACMSACMSMSACMSMSACMSMASTRATATEBLOGS，增强SeoAndEngagement.3）

哪些类型的网站不适合WordPress？May 07, 2025 am 12:10 AM

WordPressIsnotIdeAlforHigh-TrafficWebsites，customandCompleXapplications，Security-SensitiveApplications，Real-TimedataProcessing，AndhighlyCustomizedUserInterfaces.forhigh-Trafficsites，USENENEXT.JSORXOLCT.JSORXORX.JSORCUSTOMSOMOLTICTS; forCompleXapplications; forcomplexapplications; optfordjangoorrub

您可以使用WordPress构建博客吗？May 06, 2025 am 12:03 AM

Yes,youcanbuildablogwithWordPress.1)ChoosebetweenWordPress.comforbeginnersorWordPress.orgformorecontrol.2)Selectathemetopersonalizeyourblog'slook.3)Usepluginstoenhancefunctionality,likeSEOandsocialmediaintegration.4)Customizeyourthemewithsimplecodetw

WordPress作为CMS平台的安全程度如何？May 05, 2025 am 12:01 AM

WordPressCanbeseCureifManagedProperly.1）keepthewordPressCoreUpdatedTopatchVulnerabilities.2）vetandupdatepluginsandthemesfromreputables.3）EnforcestrongpasseTSandusetWordssandusetWordwordwo-factorauthenticaliation.4）

See all articles