Wordpress插件将javascript变量传递给php

时间:2015-11-20 16:20:53

标签: javascript php jquery plugins wordpress-plugin

有人能帮助我吗?我感觉很蠢。我拿了example code from WordPress codex,在我的网页but there no respond...

中制作了一个示例插件

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);
    });
});

我错了?

1 个答案:

答案 0 :(得分:0)

你有一些混乱的东西。

前端

如果您要定位前端,则需要使用此挂钩:

add_action( 'wp_enqueue_scripts', 'my_enqueue' );

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

Ajax调用

所有ajax调用都在admin上下文中执行。因此,您需要对其进行测试并相应地添加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挂钩适用于未登录的用户。如果您愿意,请添加它。