1

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

主题相关，不使用插件。

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

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

4

4 回答 4

4

WordPress环境

首先，为了完成这个任务，建议注册一个jQuery脚本，然后将请求推送到服务器。这些操作将被挂在wp_enqueue_scripts动作钩子中。在同一个钩子中，您应该将wp_localize_script它用于包含任意 Javascript。通过这种方式，前端将有一个可用的 JS 对象。这个对象带有正确的 url 供 jQuery 句柄使用。

请看一下：

  1. wp_register_script(); 功能
  2. wp_enqueue_scripts钩子
  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
}

希望能帮助到你！

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

于 2013-08-31T17:29:45.097 回答
3

是的，您可以使用 AJAX 发送您的 jQuery 变量。（或任何 Javascript 变量）

只需执行 JSON.stringify(any-Variable-Here) 即可获得相应的字符串。

通过 AJAX 将值发送到任何 php 文件，例如：

var toBeSent = JSON.stringify($($('#selector')[0]).attr('class'));
$.ajax({
  type: "POST",
  url: 'function.php',
  data: toBeSent,
  success: function(data){ // any action to be performed after function.php returns a value.
  },
  dataType: 'text'
});

注意：我在这里对项目进行了字符串化，以便您可以通过简单的拆分访问服务器端的变量。

于 2013-08-31T10:44:12.757 回答
3

你当然可以

$('element').click(function(e){
    e.preventDefault();
    var el = $(this);

    //do stuff on click

    //send this elements class to the server    
    $.ajax({
       url: "some.php",
       data: {
           class: el.attr('class')
       },
       success: function(r){
           alert("class name sent successfully to some.php");
       }
    });
});
于 2013-08-31T10:44:14.477 回答
2

您的另一个选择可能是$.post()

$(document).ready( function() {

$('#myDiv').click(function(){
var myClass = $(this).attr('class');
var url = 'page.php';
   $.post(url, { class: myClass })
   .done( function() {
     alert('class sent to ' + url);
   });
 }); 

});
于 2013-08-31T12:27:34.873 回答