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

用 HTMX 库为 WordPress 实现 Infinite Scroll

Development Skills

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

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

Development Skills

Ajax user experience 2024-07-26

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

Show Product Variant Dropdown on WooCommerce Product Listing Page

Development Skills

Ajax WooCommerce Product List cart 2024-07-18

In this tutorial, I'm going to show you how to create your own variation of a dropdown menu on a WooCommerce product listing page. When I say "create your own" I mean it, so we're not just copying and pasting a few hooks on a single product page. Our other goal was to make sure that AJAX was added to the shopping...

WooCommerce Ajax Add to Cart functionality in Product List

Development Skills

Ajax WooCommerce Product List cart 2024-07-17

Most of the advanced WooCommerce themes have Ajax way to add products to the product list to the shopping cart function, this is really a more common practice to improve the user experience, in this article, I will introduce how to implement this feature in your own theme or plugin through the code. The following Gif animation is the effect of this article to achieve ...

Creating Custom Routed Link URLs in WordPress with WordPress Dispatcher

Development Skills

Ajax Composer URL redirection routing (in computer networks) 2016-01-12

In WordPress, according to the official standard, if you need to use Ajax, we need to register Ajax action to admin_ajax, if you need to add a page, we directly in the background and add pages on the line. Is there a simple and convenient way, do not have to add pages in the page management to achieve custom pages, nor ...

Handle user authentication in the WordPress REST API (WP API), send POST requests

Theme Development Sharing

Ajax API json REST API 2015-12-17

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

WordPress user center subscription column function implementation - Ajax plugin-free way

Theme Development Sharing

Ajax json user center user experience 2015-05-14

Use NetEase news client to watch the news friends of NetEase News news column subscription function will be more familiar with. WordPress has a very powerful and convenient content management interface, very suitable for doing a news information website. If your website has a lot of columns, provide a subscription function, so that users only subscribe to their own interest in...

Complete Ajax Forms with Data Validation using the jQuery Form plugin

Development Skills

Ajax jQuery 2014-03-08

Before a form is submitted, we generally want to do some basic validation of the form inputs on the front-end to avoid malicious submissions and improve security. We can do both with two jQuery plugins: Malsup's AjaxForm and Bassistance's Form Validation. /** * Generic Ajax Form Processing */ j...

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

Development Skills

Ajax form (document) 2014-02-20

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

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

Theme Development Sharing

Ajax user experience 2014-02-17

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

WP Zhiku

Menu

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

用 HTMX 库为 WordPress 实现 Infinite Scroll

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

Show Product Variant Dropdown on WooCommerce Product Listing Page

WooCommerce Ajax Add to Cart functionality in Product List

Creating Custom Routed Link URLs in WordPress with WordPress Dispatcher

Handle user authentication in the WordPress REST API (WP API), send POST requests

WordPress user center subscription column function implementation - Ajax plugin-free way

Complete Ajax Forms with Data Validation using the jQuery Form plugin

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

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