在 WordPress 使用 Ajax 执行操作或者提交表单

用 HTMX 库为 WordPress 实现 Infinite Scroll

WP 技术总结

Infinite Scroll 是一种常用的前端效果，当文章页面比较多，且内容比较简短时，使用Infinite Scroll 效果可以让用户不用刷新页面就可以浏览更多信息，非常方便。以前我们实现 Infinite Scroll 效果时，经常会使用插件或 Infinite Ajax S…

继续阅读

与 WordPress 一起使用 HTMX 在不使用复杂框架的情况下增强平台功能

WP 技术总结

Ajax 用户体验 2024-07-26

虽然变成语言的选择有很多，但是每种语言都适合自己的应用场景，随着技术的发展，Web开发正在逐渐形成几种可靠的技术。对于 WordPress 来说尤其如此。尽管用户对动态和交互式网站的期望仍然很高，但 JavaScript 在该平台上仍处于成熟期…

继续阅读

在WooCommerce 商品列表页面上显示产品变体下拉菜单

WP 技术总结

Ajax WooCommerce 产品列表购物车 2024-07-18

在本教程中，我将为大家展示如何在 WooCommerce 产品列表页面上创建自己的变体下拉菜单。当我说 “创建自己的 “时，我是认真的，所以我们不只是复制和粘贴单个产品页面上的几个钩子。我们的另一个目标是确保AJAX 添加到购物…

继续阅读

WooCommerce 在产品列表实现 Ajax 添加到购物车功能

WP 技术总结

Ajax WooCommerce 产品列表购物车 2024-07-17

大部分高级 WooCommerce 主题的产品列表都有 Ajax 方式添加产品到购物车的功能，这确实是一个提升用户体验比较常见的做法，本文中，我将为大家介绍怎么通过代码在自己的主题或插件中实现这一功能。下面的 Gif 动画就是本文所实现效果的…

继续阅读

在 WordPress 中使用 WordPress Dispatcher 创建自定义路由链接 URL

WP 技术总结

Ajax Composer URL 重定向路由 2016-01-12

在 WordPress 中，按照官方的标准，如果需要使用 Ajax，我们需要通过注册 Ajax 动作到 admin_ajax 上，如果需要添加页面，我们直接在后台并添加页面就行了。有没有一种简单方便的办法，不用在页面管理处添加页面来实现自定义页面，也不…

继续阅读

处理 WordPress REST API(WP API) 中的用户认证，发送 POST 请求

主题开发分享

Ajax API json REST API 2015-12-17

WordPress REST API 插件支持 3 种用户认证方式，分别是：Cookie 认证、oAuth 认证和基本 HTTP 认证。通过 WordPress REST API 获取信息时，这种认证是不需要的，直接获取就可以了。只有在发送信息 (POST)到 API 的时候才需要用户认证，…

继续阅读

WordPress 用户中心订阅栏目功能的实现——Ajax 免插件方式

主题开发分享

Ajax json 用户中心用户体验 2015-05-14

使用网易新闻客户端看新闻的朋友对网易新闻的新闻栏目订阅功能都会比较熟悉。WordPress 有着非常强大并且方便的内容管理界面，非常适合做一个新闻资讯类的网站。如果你的网站上栏目非常多，提供一个订阅功能，让用户只订阅自己感兴趣的…

继续阅读

使用 jQuery Form 插件完成带数据验证的 Ajax 表单

WP 技术总结

Ajax jQuery 2014-03-08

表单提交之前，一般我们要在前端对表单的输入值做一些基本验证，以避免恶意提交，并提高安全性。我们可以通过两个 jQuery 插件实现这两个功能：Malsup’s AjaxForm 和 Bassistance’s Form Validation。 /** * 通用Ajax表单处理 */ j…

继续阅读

使用 WordPress 内置的 jQuery Form 表单实现 Ajax 表单提交

WP 技术总结

Ajax 表单 2014-02-20

很多时候，我们需要使用 Ajax 来实现表单提交，可能有些朋友不知道，WordPress 内置了一个 jQuery 插件用来帮助我们处理 Ajax 表单提交。既然是内置的，使用起来当然相当方便，首先我们需要把 “jquery-form” 包含在 Head 中即可。首先…

继续阅读

在 WordPress 中使用 Ajax 提升用户体验度

主题开发分享

Ajax 用户体验 2014-02-17

在页面上提交一些简单的数据时，使用 Ajax 操作可以避免刷新整个页面，快速的完成数据的提交和界面的更新，对于一些简单的操作，使用 Ajax 提交和更新数据会给用户比较好的体验，大家见得比较多的 Ajax 实例应该就是 QQ 空间的点赞和收…

继续阅读

WordPress智库

Menu

WordPress Ajax 前后端实现方法及注意事项

用 HTMX 库为 WordPress 实现 Infinite Scroll

与 WordPress 一起使用 HTMX 在不使用复杂框架的情况下增强平台功能

在WooCommerce 商品列表页面上显示产品变体下拉菜单

WooCommerce 在产品列表实现 Ajax 添加到购物车功能

在 WordPress 中使用 WordPress Dispatcher 创建自定义路由链接 URL

处理 WordPress REST API(WP API) 中的用户认证，发送 POST 请求

WordPress 用户中心订阅栏目功能的实现——Ajax 免插件方式

使用 jQuery Form 插件完成带数据验证的 Ajax 表单

使用 WordPress 内置的 jQuery Form 表单实现 Ajax 表单提交

在 WordPress 中使用 Ajax 提升用户体验度