在WordPress中使用Ajax jQuery进行更新的步骤如下:
function load_jquery() {
wp_enqueue_script('jquery');
}
add_action('wp_enqueue_scripts', 'load_jquery');
jQuery(document).ready(function($) {
// 在这里编写你的Ajax请求和更新逻辑
});
function add_ajax_script() {
wp_enqueue_script('custom-ajax', get_template_directory_uri() . '/custom-ajax.js', array('jquery'));
wp_localize_script('custom-ajax', 'ajax_object', array('ajax_url' => admin_url('admin-ajax.php')));
}
add_action('wp_enqueue_scripts', 'add_ajax_script');
jQuery(document).ready(function($) {
$('#update-button').click(function() {
$.ajax({
url: ajax_object.ajax_url,
type: 'POST',
data: {
action: 'update_content'
},
success: function(response) {
// 在这里处理更新后的内容
}
});
});
});
function update_content() {
$post_id = $_POST['post_id'];
$new_content = $_POST['new_content'];
// 在这里更新文章内容
wp_die();
}
add_action('wp_ajax_update_content', 'update_content');
add_action('wp_ajax_nopriv_update_content', 'update_content');
[ajax_button]
然后,在主题的functions.php文件中添加以下代码:
function ajax_button_shortcode() {
return '<button id="update-button">更新内容</button>';
}
add_shortcode('ajax_button', 'ajax_button_shortcode');
这样,当你在文章中插入ajax_button短代码时,将会显示一个按钮,点击该按钮将触发Ajax请求并更新内容。
请注意,以上步骤仅为示例,你可以根据具体需求进行修改和扩展。另外,如果你想了解更多关于WordPress开发和Ajax的信息,可以参考腾讯云的WordPress产品文档:WordPress产品文档。
WordPress Nonce 的主要工作流程: 首先使用一个唯一的标示符生成 nonce 将生成的 nonce 和链接或者表单中的其他数据一起传递给脚本 在做其他事情之前验证 nonce 首先可以使用...wp_create_nonce() 函数创建 nonce: $nonce= wp_create_nonce('wpjam'); 然后将生成 $nonce 的值作为参数传递给请求中,如: "); 最后在 ajax_response.php 函数中使用 check_ajax_referer() 函数进行验证: check_ajax_referer('wpjam'); 举个详细的例子,比如统计微信分享的...> jQuery.ajax({ type: "post", url: ajax_url, data: { action: 'weixin_share', share_type: share_type
领取专属 10元无门槛券
手把手带您无忧上云