在 WordPress 插件中将 Nonce 与 Ajax 结合使用

Question

我正在尝试在 WordPress 插件中使用随机数。我有一个表格，我想在上面使用随机数。

在 php 中：

function csf_enqueue() {

//I have other scripts enqueued in htis function 
wp_enqueue_script('my-ajax-handle', plugin_dir_url(__FILE__).'file-path', array('jquery', 'jquery-ui-core', 'jquery-ui-datepicker', 'google-maps'));

$data = array(
    'ajax_url' => admin_url( 'admin-ajax.php' ),
    'my_nonce' => wp_create_nonce('myajax-nonce')
);

wp_localize_script('my-ajax-handle', 'the_ajax_script', $data );

}

add_action('wp_enqueue_scripts', 'csf_enqueue');
add_action('wp_ajax_the_ajax_hook', 'the_action_function');
add_action('wp_ajax_nopriv_the_ajax_hook', 'the_action_function');

在 jQuery 文件中：

jQuery.post(the_ajax_script.ajaxurl, {my_nonce : the_ajax_script.my_nonce}, jQuery("#theForm").serialize() + "&maxLat="+ csf_dcscore_crime_map_bounds[0] + "&maxLong="+ csf_dcscore_crime_map_bounds[1] + "&minLat="+ csf_dcscore_crime_map_bounds[2] + "&minLong="+ csf_dcscore_crime_map_bounds[3],
                    function(response_from_the_action_function){
                        jQuery("#response_area").html(response_from_the_action_function);
                    });

我是否在 jQuery 中正确发布了随机数？

在 php 中：

function the_action_function() {
   if( ! wp_verfiy_nonce( $nonce, 'myajax-nonce')) die ('Busted!');
//function continues

有什么建议吗？如果我删除所有有关随机数的代码，一切都会正常。关于它为什么不起作用的任何想法？或者我该如何调试它？谢谢你！

谢谢。

Answer 1

有两件事是错误的。

通过jQuery post方法发送数据，你不能像你所做的那样发送一个对象+一个查询字符串。相反，您需要发送查询字符串格式或对象格式数据。为了方便您的情况，我将使用查询字符串格式。所以邮政代码应该如下所示 这

jQuery.post( the_ajax_script.ajaxurl, 
             jQuery("#theForm").serialize() + 
                    "&maxLat="+ csf_dcscore_crime_map_bounds[0] + 
                    "&maxLong="+ csf_dcscore_crime_map_bounds[1] + 
                    "&minLat="+ csf_dcscore_crime_map_bounds[2] + 
                    "&minLong="+ csf_dcscore_crime_map_bounds[3] +
                    "&my_nonce="+ the_ajax_script.my_nonce,
             function(response_from_the_action_function) {
                 jQuery("#response_area")
                     .html(response_from_the_action_function);
             });

将在参数 my_nonce 中发送随机数。现在服务器端您可以替换

if( ! wp_verify_nonce( $nonce, 'myajax-nonce')) die ('Busted!');

为

if( ! wp_verify_nonce( $_POST['my_nonce'],'myajax-nonce')) die ('Busted!');

查看 jQuery.post 和 wp_verfiy_nonce 会更好地帮助你:)