Gọi Ajax trong wordpress như thế nào?

Bạn làm như sau nhé: vào footer chèn code sau vô

HTML:

<label class="cs-facebookchat">Chat Facebook</label>
<script type="text/javascript">
    (function($){
        $(document).ready(function(){
            $('.cs-facebookchat').click(function(){
                $.ajax({
                    type : "post", //Phương thức truyền post hoặc get
                    dataType : "json", //Dạng dữ liệu trả về xml, json, script, or html
                    url : '<?php echo admin_url('admin-ajax.php');?>', //Đường dẫn chứa hàm xử lý dữ liệu. Mặc định của WP như vậy
                    data : {
                        action: "thongbao", //Tên action
                        item : 'chatbox',//Biến truyền vào xử lý nếu có. $_POST['item']
                    },
                    context: this,
                    success: function(response) {
                        //Làm gì đó khi dữ liệu đã được xử lý
                        if(response.success) {
                            $(".cs-facebookchat").html(response.data);
                        }
                    }
                })
                return false;
            })
        })
    })(jQuery)
</script>

Tiếp theo vào function.php của themes chèn code sau vô để đăng ký và gọi nó lên

PHP:

add_action( 'wp_ajax_thongbao', 'thongbao_init' );
add_action( 'wp_ajax_nopriv_thongbao', 'thongbao_init' );
function thongbao_init() {
    //do bên js để dạng json nên giá trị trả về dùng phải encode
    $htmlrs = "...bỏ cái chatboxfacebook vào đây";
    wp_send_json_success($htmlrs);
    die();//bắt buộc phải có khi kết thúc
}

Mình đã làm được và tham khảo bài sau: levantoan.com/su-dung-ajax-trong-wordpress/

 

Cảm ơn ad, m đã làm được, nhanh gọn lẹ quá, chèn vô cái được ngay không bị lỗi gì cả