在WordPress中使用Ajax的步骤如下:
add_action( 'wp_ajax_my_action', 'my_action_callback' );
add_action( 'wp_ajax_nopriv_my_action', 'my_action_callback' );
function my_action_callback() {
// 处理Ajax请求
wp_die(); // 结束请求
}
jQuery(document).ready(function($) {
var data = {
'action': 'my_action',
'param1': 'value1',
'param2': 'value2'
};
jQuery.post(ajaxurl, data, function(response) {
// 响应处理
});
});
my_action
是处理Ajax请求的WordPress动作名称,param1
和param2
是请求参数名称和对应的值,response
是服务器的响应。示例代码:
// PHP代码
add_action( 'wp_ajax_my_action', 'my_action_callback' );
add_action( 'wp_ajax_nopriv_my_action', 'my_action_callback' );
function my_action_callback() {
$param1 = $_POST['param1'];
$param2 = $_POST['param2'];
$result = $param1 . ' ' . $param2;
echo $result;
wp_die();
}
// JavaScript代码
jQuery(document).ready(function($) {
var data = {
'action': 'my_action',
'param1': 'Hello',
'param2': 'World'
};
jQuery.post(ajaxurl, data, function(response) {
alert(response);
});
});