如何将 AJAX 添加到您的 WordPress 网站

已发表: 2022-09-29

将 AJAX 添加到您的 WordPress 网站是改善用户体验并使您的网站更具响应性的好方法。 AJAX 允许您动态加载内容，而无需重新加载整个页面，这可以节省大量时间。有几种不同的方法可以将 AJAX 添加到您的 WordPress 网站。一种方法是使用像 Ajax Load More 或WP Ajaxify这样的插件。这些插件将为您处理繁重的工作，并使将 AJAX 添加到您的站点变得容易。将 AJAX 添加到 WordPress 的另一种方法是将其手动编码到您的主题或插件中。这是一种技术性更强的方法，需要更多的工作，但它可以让您更好地控制 AJAX 在您的网站上的实现方式。如果您不是开发人员，那么将 AJAX 添加到 WordPress 的最佳方法是使用插件。有许多很棒的插件可以让您轻松地将 AJAX 添加到您的站点。

在 WordPress 中有多种使用 AJAX 的方法，但应该使用最多的一种。 AJAX 是 HTML、CSS 和 JavaScript 代码的组合，使您能够将数据发送到脚本、接收和处理响应，然后重新加载页面。如果您不熟悉 AJAX，请阅读本文末尾的 Wikipedia 文章。在 WP-administrator 文件夹中，有一个 admin-ajaxx 文件，用于存储 AJAX 请求。如果没有其他可用项，则应提供一个操作（对于 GET 和 POST 请求）。向第一个钩子添加一个函数意味着如果登录用户启动该操作，它将处于活动状态。通过使用第二个挂钩，您可以分离出已登录和未登录的用户。

使用您的插件创建一个 user_vote 类和一个 data-post_id 属性，其中包含帖子的 ID 和点击事件。元字段可用于存储投票总数。 update_post_meta() 函数用于更新我们帖子的投票数。我们将为每个案例创建一个数组来匹配函数的成功或失败。现在已经使用常规方法来处理用户的操作，并且现在已经开发了 JavaScript。处理注销用户的功能很差，但可以用作示例。我们需要 jQuery 和我们自己的 JavaScript 代码才能让我们的系统使用 AJAX。

按照以下步骤，您可以在插件上执行此操作。在 my_voter_script.js 文件中，我们将找到 myAjax.ajaxurl URL，其中包含我们的 admin-ajax.html 文件的 URL。当用户在不使用 JavaScript 的情况下单击投票按钮时，他们使用 GET 方法（查询字符串）向脚本发送请求。他们可以使用 JavaScript 访问页面。应我们的要求，数据应公开。我们插件中的 my_user_vote() 函数预计会处理这个并将结果数组发送回给我们。在我们的示例中，投票计数器的值会发生变化以指示新的投票计数。 WordPress 的 AJAX 平台提供了很多功能，并且能够区分登录和非注销状态。

我可以在 WordPress 中使用 Ajax 吗？

学分：金斯塔

您可以在 WordPress 中使用 AJAX，就像在后端使用它一样。您所要做的就是习惯可用的工具。代码是对该过程的一般解释，但我们稍后会介绍。

Ajax 允许您在无需重新加载页面的情况下交换数据。如果您使用 WordPress 创建独立文件，您可以自己完成，但您必须自己调用和处理它。此外，WordPress 包括一种在内部使用 Ajax 的高效且简单的方法。通过将 Ajax 外包给一个附加文件，您可以将它包含在 functions.php 中。 Ajax 是我们在这里使用的实际代码。使用 JavaScript 步骤 4 处理Ajax 数据。在 JavaScript 中，您在回调中将数据发送回客户端。您还可以根据需要添加其他香料。

AJAX 可用于从服务器检索数据、将数据发送到脚本或执行计算。 HTML5 经常与 AJAX 结合使用，使设计师更容易创建外观和感觉现代的网站。
使用 AJAX 可以在几秒钟内生成网页。通过在后台与服务器交换少量数据，可以使用 AJAX 异步更新网页。因为可以在不重新加载整个页面的情况下更新网页的部分内容，这意味着可以在不重新加载整个页面的情况下更新部分内容。

如何在 WordPress Ajax 中使用 Admin_url() 函数

在我们的 AJAX 示例代码中，admin_url() 函数返回AJAX 请求URL。这就是我在这张图片中看到的内容：Ajax (type:GET, dataType: json, url: admin_url('ajax.')) 使用 GET。 in., data, action: get_data, success: function(response) alert(“你的投票无法添加”)；并且，事件：接收。在此示例中，可以使用 admin_url() 函数指定 AJAX 请求 URL。数据如下： *action: “get_data”, *success: function(response): “你的投票无法添加”）； *警报：“您的投票无法添加”

如何在 WordPress 中获取 Ajax 数据？

信用：technicalblog.in

有几种不同的方法可以在 WordPress 中获取 AJAX 数据。一种方法是使用 WordPress 中内置的AJAX API 。另一种方法是使用提供 AJAX 功能的插件或主题。最后，您还可以编写自己的代码来处理 AJAX 请求。

Ajax 如何在 WordPress 中工作？

大多数网站都使用流行的网络技术 Ajax。 Ajax 作为其关键特性之一，能够在不重新加载网页的情况下管理数据库操作。这意味着数据库中的数据可以在前端显示而无需刷新。

如何判断 WordPress Ajax 是否正常工作？

信用：堆栈溢出

Ajax 是一种允许创建动态、响应式 Web 应用程序的技术。它使网页能够从服务器请求和接收数据，而无需重新加载整个页面。 WordPress 使用 Ajax 通过提供更具响应性的界面来改善用户体验。有几种方法可以判断 WordPress Ajax 是否正常工作。一种是在浏览器的开发者工具中查看网络请求。如果您看到对 WordPress ajax url (wp-admin/admin-ajax.php) 的请求，则表明 WordPress 在该页面上使用了 Ajax。另一种判断方法是在 URL 中查找“#”符号。这表明该页面正在使用“片段”选项，这是 Ajax 请求所必需的。

可以使用WP_doing_ajax 函数，因为 WordPress 4.0.0 包含一个内置函数。因为以不同方式执行 Ajax 的插件可以过滤掉误报，这是一个更好的选择。如果您按照 codex 中的建议使用 Ajax，则可以测试常量 DOING_AJAX。当 AJAX 请求不打算与 admin-ajax 挂钩使用时，它只是一个端点（例如，PayPal IPN）。

没有插件的 WordPress 中的 Ajax

AJAX 是一种允许创建动态、响应式 Web 应用程序的技术。它是在 WordPress 中使用的流行选择，因为它可以帮助创建更无缝的用户体验。在 WordPress 中实现 AJAX 有几种不同的方法，但最常见的方法之一是使用插件。有许多可用的插件可以帮助将 AJAX 功能添加到您的 WordPress 站点，但也可以在没有插件的情况下添加 AJAX。如果您对编码感到满意，您可以通过在您的 functions.php 文件中添加几行代码来添加 AJAX 功能。

特别是 Ajax，允许用户管理数据库操作而无需重新加载网页。因此，您可以从数据库中获取数据并在前端显示，而无需刷新页面。多年来，Ajax 因其易用性和显示速度而越来越受欢迎，现在它在网站上以多种方式使用。要注册和排队我们的 JavaScript 和 CSS 文件，WordPress 必须有必要的钩子。最后，我们需要为每篇博文创建一个 Read Me Later 链接。当用户点击链接时，他或她想要保存的帖子被添加到“稍后阅读”列表中。在我们确定了我们需要做什么之后，我们点击链接。

下面是我们如何使用 HTML5 数据属性来识别博客文章的快速浏览。如果您使用插件，Get_the_id() 可用于获取此信息。当您在对象上调用 Ajax 时，您必须将请求发送到admin-ajax.php 文件。该文件处理和处理您的所有 WordPress Ajax 请求。在这段代码中，我们创建了一个函数，当用户单击“稍后阅读”链接时将调用该函数。我们通过该函数中的 data 方法获取帖子 ID，并将其保存在 rml_post_id 变量中。添加以下代码后，您需要再次使用 theajax() 方法。

当用户单击“稍后阅读”链接时，该链接将被删除。 $rml_post_id 变量包含帖子 ID。当有一行时，get_meta() WordPress 函数返回元值。如果为真，我们会将这些信息存储在数据库中的 usermeta 表中。我们调查看看是否有任何 $value，它是否存在，或者它是否不存在。请将以下代码添加到 read-me-later.php 文件中。您有责任在执行更新时使用 Update() 清理系统。

WordPress get_posts() 函数根据用户的偏好返回所有帖子。我们将使用 widget() 方法来显示短语“Read Me”。上个月的帖子将在前端使用。老实说，在这种情况下，我们只需要一个基本的小部件。此功能使您能够确定请求是否来自正确的位置以及是否由经过身份验证的用户发出。如果 nonce 不正确或未设置， Ajax 调用将中止。本教程将教用户如何保存他们想稍后阅读的帖子，然后再阅读。

WordPress 阿贾克斯帖子

Ajax 使您能够动态更新 WordPress 网站的某些部分，而无需重新加载整个页面。这对于从表单中检索数据、更新数据库中的信息或显示站点其他部分的内容非常有用。

Artisans Web 关于使用 Ajax 加载的 WordPress 帖子的文章是一个很好的起点。有时，您会遇到想要在 WordPress 帖子上使用 Ajax 的情况。作为对此行为的响应，将不会显示分页链接，并且将停止页面重新加载。下一组帖子将在单击此按钮时显示，只要您单击它然后单击“加载更多”。在查看完所有帖子后，该过程将完成。为了集成 WordPress Ajax，您必须在 WordPress 环境中包含一个 JS 文件。在 js 目录中，创建一个 custom.js 文件，然后将以下代码复制到 functions.php 文件中。

此代码采用“页面”值并将其转换为“分页”值。 WordPress 帖子被分发，结果输出由它生成。当您单击“加载更多”按钮时，将在 Ajax 中加载下一篇文章。

Ajax 和 Post 有什么区别？

$ 符号被称为帖子。因为 POST 请求和 POST 请求都可以使用相同的底层代码，所以它们之间几乎没有区别。

WordPress Ajax 调用 PHP 函数

Ajax 是一种通过在后台与服务器交换少量数据来使网页更具响应性和交互性的方法。这种数据交换可用于在不重新加载的情况下更新页面、在不重新加载页面的情况下响应用户输入、在不重新加载的情况下将新内容加载到页面中，等等。在 WordPress 中，Ajax 用于后端执行各种任务，例如保存帖子、从数据库中获取信息等。在前端，Ajax 可用于实现无限滚动、单击按钮加载更多帖子等功能。为了在 WordPress 中使用 Ajax，我们需要包含已经包含在 WordPress 中的 jQuery 库。然后我们可以使用 jQuery.ajax() 或 jQuery.post() 方法来发出我们的 Ajax 请求。在后端，我们需要挂钩到wp_ajax 操作，以便能够处理我们的 Ajax 请求。然后我们可以使用 wp_die() 函数退出我们的 PHP 脚本并返回我们的响应。在前端，我们需要向 WordPress ajaxurl 发出我们的 Ajax 请求，这是一个全局 JavaScript 变量。然后我们可以使用成功和错误回调函数来处理我们的响应。

如何在 WordPress 中进行 Ajax 调用

使用 WordPress 创建Ajax 调用。为了使 Ajax 调用正常工作，WordPress 核心成员必须包含 admin-ajax.php 文件。在 WordPress 的上下文中，此文件负责处理和处理您的所有 Ajax 请求。不要使用文件路径的直接 URL 来访问文件。如何在 WordPress 中获取 admin-ajax？所有 Ajax 调用都使用 admin-ajax.php 文件路由到 WordPress 中的 /wordpress/ajax/files 目录。 Ajax 与 PHP 兼容吗？ AJAX 可以用来代替 PHP。在我们的 PHP 教程中，我们将演示 AJAX 如何在不重新加载整个页面的情况下更新网页的某些部分。 PHP 将用于创建服务器脚本。