php - WordPress AJAX - 存储 jquery 变量并在 php - function.php 中回显它？

Question

是否可以将 jQuery 变量发送到 function.php，并在某些 php 函数中使用它？通过 AJAX 或可能。

主题相关，不使用插件。

例如。我通过点击 jQuery 在“客户端”添加了一些 CSS 后类。

我可以在“服务器端”使用此类，以便可以在主题的任何页面中传递它们吗？

Answer 1

WordPress 环境

首先，为了实现此任务，建议注册然后排队一个 jQuery 脚本，该脚本会将请求推送到服务器。这些操作将被挂接到 wp_enqueue_scripts 操作 Hook 中。在同一个钩子(Hook)中，您应该放置用于包含任意 Javascript 的 wp_localize_script 。这样前端就会有一个可用的JS对象。该对象携带 jQuery 句柄使用的正确 url。

请查看:

1. wp_register_script();功能
2. wp_enqueue_scripts钩子(Hook)
3. wp_enqueue_script();功能
4. wp_localize_script();功能

文件:functions.php 1/2

add_action( 'wp_enqueue_scripts', 'so18550905_enqueue_scripts' );
function so18550905_enqueue_scripts(){
  wp_register_script( 'ajaxHandle', get_template_directory() . 'PATH TO YOUR SCRIPT FILE', array(), false, true );
  wp_enqueue_script( 'ajaxHandle' );
  wp_localize_script( 'ajaxHandle', 'ajax_object', array( 'ajaxurl' => admin_url( 'admin_ajax.php' ) ) );
}

文件:jquery.ajax.js

此文件进行 ajax 调用。

jQuery(document).ready( function($){
  //Some event will trigger the ajax call, you can push whatever data to the server, simply passing it to the "data" object in ajax call
  $.ajax({
    url: ajax_object.ajaxurl, // this is the object instantiated in wp_localize_script function
    type: 'POST',
    data:{
      action: 'myaction', // this is the function in your functions.php that will be triggered
      name: 'John',
      age: '38'
    },
    success: function( data ){
      //Do something with the result from server
      console.log( data );
    }
  });
});

文件:functions.php 2/2

最后，在你的functions.php 文件中应该有由ajax 调用触发的函数。记住后缀:

1. wp_ajax(仅允许注册用户或管理面板操作使用该功能)
2. wp_ajax_nopriv(允许无权限用户使用该功能)

这些后缀加上操作组成了操作的名称:

wp_ajax_myaction 或 wp_ajax_nopriv_myaction

add_action( 'wp_ajax_myaction', 'so18550905_wp_ajax_function' );
add_action( 'wp_ajax_nopriv_myaction', 'so18550905_wp_ajax_function' );
function so18550905_wp_ajax_function(){
  //DO whatever you want with data posted
  //To send back a response you have to echo the result!
  echo $_POST['name'];
  echo $_POST['age'];
  wp_die(); // ajax call must die to avoid trailing 0 in your response
}

希望对你有帮助!

如果有不清楚的地方，请告诉我。