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

Thảo luận trong 'Mã nguồn mở Wordpress' bắt đầu bởi seolagi, 26/10/20.

  1. seolagi

    seolagi

    Vip Member

    Tham gia ngày:
    16/4/14
    Bài viết:
    705
    Đã được thích:
    55
    Điểm thành tích:
    28
    HI mọi người, cho mình hỏi cách gọi Ajax trong wopdress như thế nào vậy?, mình muốn làm cái chatbox facebook, khi người dùng ấn vào button hay bất kỳ nút nào, thì nó sẽ gọi cái chát facebook ra sau ý, vì gọi ra trước sẽ ảnh hưởng tới tốc độ web, bạn nào biết cách gọi Ajax giúp mình với nhé.
     
    Cảm ơn đã xem bài:

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

    danh sách diễn đàn rao vặt gov chất lượng
  2. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    4,378
    Đã được thích:
    1,059
    Điểm thành tích:
    113
    Giới tính:
    Nam
    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/
     
    Chỉnh sửa cuối: 26/10/20
    seolagi thích bài này.
  3. seolagi

    seolagi

    Vip Member

    Tham gia ngày:
    16/4/14
    Bài viết:
    705
    Đã được thích:
    55
    Điểm thành tích:
    28
    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ả
     


Like và Share ủng hộ ITSEOVN