我正在尝试在WordPress上执行自定义AJAX操作,但它无法正常工作。我有以下表格:
<form method='post' name='form-bid-<?php echo get_the_ID() ?>' class="bid-form">
<input type='submit' name='<?php echo get_the_ID()?>' value='Licitar' class='bidvalue'>
<?php wp_nonce_field('ajax-bid-nonce', $post->ID); ?>
</form>
表单是这样的,因为它是在循环内生成的,一个用于站点上的每个帖子,因此我使用帖子ID作为输入的唯一名称。
然后,我在自定义JavaScript文件中捕获表单提交:
jQuery(document).ready(function($) {
// Perform AJAX bid on form submit
$('form.bid-form').on('submit', function(e) {
var action = 'ajaxbid';
var auction_id = e.target.name.substring('form-bid-'.length);
var security_container = "#".concat(auction_id);
var security = $(security_container).val();
$.ajax({
type: 'POST',
dataType: 'json',
url: ajax_bid_object.ajaxurl,
data: {
'action': action,
'id': auction_id,
'security': security
},
success: function(data) {
console.log(data);
}
});
e.preventDefault();
});
});
此部分有效,成功时会在控制台上打印0。
最后,我有一个PHP文件,我在其中注册脚本并具有我想在表单提交时调用的函数:
function ajax_bid_init() {
wp_register_script('ajax-bid-script', get_template_directory_uri() .'/js/ajax-bid-script.js', array('jquery') );
wp_enqueue_script('ajax-bid-script');
wp_localize_script( 'ajax-bid-script', 'ajax_bid_object', array(
'ajaxurl' => admin_url( 'admin-ajax.php' )
));
// Enable the user with no privileges to run ajax_bid() in AJAX
add_action( 'wp_ajax_nopriv_ajaxbid', 'ajax_bid' );
}
add_action('init', 'ajax_bid_init');
function ajax_bid() {
// First check the nonce, if it fails the function will break
check_ajax_referer( 'ajax-bid-nonce', 'security');
echo json_encode(array('message'=>__('SUCCESS')));
die();
}
现在,我想要的只是返回该数组并在控制台上显示它的函数。但是,代码似乎永远不会在这里运行,并且AJAX响应始终为0。
我对网站上的登录和注册做了非常类似的方法,但它们都有效。我已经比较了3次无休止的时间,我似乎无法找到我在这里缺少的东西。
答案 0 :(得分:0)
发现问题!我忘了提到我正在尝试与已登录的用户一起执行此操作,所以问题出在这一行:
add_action( 'wp_ajax_nopriv_ajaxbid', 'ajax_bid' );
应该是这样:
add_action( 'wp_ajax_ajaxbid', 'ajax_bid' );
我从登录中复制了第一个并注册了表单,这对于非登录用户来说是有意义的。然而,出价恰恰相反。
为了将来参考,如果您希望它对于已记录和未记录的用户都是可执行的,您可以为同一个函数注册(wp_ajax
和wp_ajax_nopriv
)。