Wordpress 插件将 javascript 变量传递给 php

Question

有人可以帮助我吗？我感觉自己好傻我从 WordPress codex 中获取了示例代码，在我的网页中制作了一个示例插件，但没有响应...

PHP 代码在这里：

/**
 * Plugin Name: Ada Ajax Test
 * Description: WP Codex based ajax example
 * Version: 1.0.0
 * Author: M. A. Tomas
 * Author URI: http://www.matomas.cz
 * License: GPL2
 */

add_action( 'admin_enqueue_scripts', 'my_enqueue' );
function my_enqueue($hook) {
    if( 'index.php' != $hook ) {
    // Only applies to dashboard panel
    return;
    }

    wp_enqueue_script( 'ajax-script', plugins_url( '/js/my_query.js', __FILE__ ), array('jquery') );

    // in JavaScript, object properties are accessed as ajax_object.ajax_url, ajax_object.we_value
    wp_localize_script( 'ajax-script', 'ajax_object',
            array( 'ajax_url' => admin_url( 'admin-ajax.php' ), 'we_value' => 1234 ) );
}

// Same handler function...
add_action( 'wp_ajax_my_action', 'my_action_callback' );
function my_action_callback() {
    global $wpdb;
    $whatever = intval( $_POST['whatever'] );
    $whatever += 10;
  return $whatever;
    wp_die();

}



 // shortcode pro zobrazeni na strance
add_shortcode( 'ajax-zkouska', 'my_action_callback' );

外部文件中的Javascript代码在这里：

    // JavaScript Document

jQuery(document).ready(function($) {
    var data = {
        'action': 'my_action',
        'whatever': ajax_object.we_value      // We pass php values differently!
    };
    // We can also pass the url value separately from ajaxurl for front end AJAX implementations
    jQuery.post(ajax_object.ajax_url, data, function(response) {
        alert('Got this from the server: ' + response);
    });
});

我哪里错了？

Answer 1

你混淆了一些事情。

前端

如果你的目标是前端，那么你需要使用这个钩子：

add_action( 'wp_enqueue_scripts', 'my_enqueue' );

这允许您将所需的脚本添加到前端而不是管理端。

Ajax 调用

所有 ajax 调用都在管理上下文中执行。因此，您需要对其进行测试并相应地添加 ajax 挂钩。

if ( is_admin() ) {
    add_action( 'wp_ajax_my_frontend_action', 'my_frontend_action_callback' );
    add_action( 'wp_ajax_nopriv_my_frontend_action', 'my_frontend_action_callback' );
    add_action( 'wp_ajax_my_backend_action', 'my_backend_action_callback' );
    // Add other back-end action hooks here
} else {
    // Add non-Ajax front-end action hooks here
}

无隐私

no_priv 挂钩适用于未登录的用户。如果您愿意，请添加它。