WordPress通过Ajax实现PHP异步加载需前后端协同：前端用fetch请求admin-ajax.php并传action、nonce等参数，后端在functions.php中用wp_ajax_和wp_ajax_nopriv_钩子处理，返回数据后JS局部更新DOM。
WordPress 通过 Ajax 实现 PHP 异步加载，核心是让前端 JavaScript 发起请求，后端 PHP 处理逻辑并返回数据，页面局部更新而不刷新。这不是 WordPress 插件或主题的“开关式”功能，而是需要前后端配合的一套工作流。
前端：用 fetch 或 jQuery 发起异步请求
在页面中监听用户行为（如点击按钮、滚动到底部），触发请求。推荐使用原生 fetch，轻量且现代浏览器支持良好：
- 阻止默认提交或跳转，避免整页刷新
- 请求地址指向 WordPress 的 admin-ajax.php（标准入口）
- 携带 action 名称（必需）、nonce（可选但推荐用于安全验证）、及其他参数（如 post_id、page）
- 成功后用
innerHTML、insertAdjacentHTML等方式把响应内容插入到指定容器
后端：PHP 在 WordPress 钩子中处理 Ajax 请求
WordPress 不允许直接访问 PHP 文件，所有 Ajax 必须走 admin-ajax.php。你需要在主题的 functions.php 或插件中注册处理函数：
- 用
add_action('wp_ajax_{action_name}', ...)处理已登录用户请求 - 用
add_action('wp_ajax_nopriv_{action_name}', ...)处理访客请求（如搜索、加载文章） - 函数内做常规 PHP 操作：查数据库、调用
WP_Query、生成 HTML 片段或输出 JSON - 结尾必须调用
wp_die()（防止额外输出破坏响应）
关键配置：把 action 和 nonce 传给前端
JavaScript 需要知道请求地址和安全凭证，不能硬编码。WordPress 提供 wp_localize_script 来动态注入变量：
立即学习“PHP免费学习笔记（深入）”；
- 先用
wp_enqueue_script加载你的 JS 文件 - 再用
wp_localize_script把ajaxurl（即 admin-ajax.php 路径）和nonce（防 CSRF）挂载为 JS 全局对象，例如window.myAjax - 前端 fetch 时带上
myAjax.nonce，后端用wp_verify_nonce()校验
实际效果示例：点击标题展开文章内容
比如首页只显示标题列表，点某条时才异步加载正文：
- HTML 中每篇文章标题加
data-post-id="123" - JS 获取 ID，发请求到
admin-ajax.php?action=load_post_content&post_id=123 - PHP 函数根据 ID 查询
get_post_field('post_content', $id)，用apply_filters('the_content', ...)渲染，输出 HTML - JS 接收后插入到对应标题下方的
<div class="post-body"></div>
