Xoá bài viết trong trang quản trị WordPress với AJAX

Ngày đăng: 05 - 04 - 2022 Lượt xem: 77 lượt

Bạn có muốn xoá bài viết trong trang quản trị WordPress mà không cần tải lại trang không? Nếu có, thì bài viết này là dành cho bạn. Mình sẽ hướng dẫn bạn cách sử dụng AJAX để xoá bài viết trong trang quản trị WordPress.

Đây là kết quả mà bạn sẽ đạt được:

Xoá bài viết trong trang quản trị WordPress với AJAX

Bắt sự kiện khi người dùng click xoá bài viết với jQuery

Đoạn code dưới đây sẽ bắt được sự kiện khi người dùng thực hiện hành động xoá bài viết. Hãy bỏ nó vào file functions.php của theme hoặc child theme.

add_action( 'admin_footer', 'hk_extend_admin_js' );
function hk_extend_admin_js() {
    ob_start(); ?>

    <script>
    jQuery(function ($) {
        $("body.post-type-post .row-actions .trash a").click(function (e) {
            e.preventDefault();

            var url = new URL($(this).attr("href")),
                nonce = url.searchParams.get("_wpnonce"), // MUST for security checks
                row = $(this).closest("tr"),
                postID = url.searchParams.get("post"),
                postTitle = row.find(".row-title").text();

            row.css("background-color", "#ffafaf").fadeOut(300, function () {
                row.removeAttr("style")
                    .html(
                        '<td colspan="5">Post <strong>' +
                            postTitle +
                            "</strong> moved to the Trash.</td>"
                    )
                    .show();
            });

            $.ajax({
                method: "POST",
                url: "",
                data: {
                    action: "moveposttotrash",
                    post_id: postID,
                    _wpnonce: nonce,
                },
            });
        });
    });
    </script>

    <?php
    $output = ob_get_contents();
    ob_clean();
    ob_end_flush();
    echo $output;
}

Ở đây mình sử dụng action hook admin_footer để thêm đoạn code jQuery trên vào footer trang quản trị.

Tại dòng thứ 7, bạn có thể thay thế .post-type-post thành tên custom post type phù hợp. Cụ thể là: .post-type-{POST TYPE NAME}.

Xử lý AJAX

Đoạn code dưới đây cũng được bỏ vào file functions.php:

add_action('wp_ajax_moveposttotrash', function() {
    check_ajax_referer( 'trash-post_' . $_POST['post_id'] );
    wp_trash_post( $_POST['post_id'] );

    die();
});

Ở đây, mình chỉ sử dụng hook wp_ajax_{ACTION}. Không sử dụng hook wp_ajax_nopriv_{ACTION} Bởi vì chức năng ở đây chỉ được sử dụng bởi quản trị viên.

Bạn cũng có thể nhận thấy rằng mình đã không chuyển $_POST['post_id'] vào hàm intval() vì không cần thiết. Thay vào đó, hàm get_post() bên trong wp_trash_post() sẽ thực hiện điều đó.

Kết Luận

Vậy là xong. Bạn đã có thể xoá bài viết ngay lập tức mà không cần phải đợi load lại trang. Bài viết này sẽ phần nào giúp bạn hiểu hơn về các hook trong WordPress và cách áp dụng AJAX trong các trường hợp cụ thể.

Nếu bài viết này hữu ích và giúp tiết kiệm được thời gian của bạn, hãy giúp mình chia sẻ nó. Ngoài ra nếu bạn quan tâm đến các chủ đề tương tự như vậy, hãy đọc các bài viết Thủ thuật WordPress khác và follow Fanpage để không bỏ lỡ bài viết mới từ mình nhé.

0 0 votes
Đánh giá bài viết

guest
0 Góp ý
Inline Feedbacks
View all comments

Bài viết liên quan

Hướng dẫn custom Bảng tin trong admin WordPress

Hướng dẫn custom Bảng tin trong admin WordPress

11 - 05 - 2022

Bạn có nghĩ rằng bảng tin trong admin WordPress thật lộn xộn và có nhiều phần không cần thiết...

Cách đặt hình ảnh đại diện mặc định trong WordPress

Cách đặt hình ảnh đại diện mặc định trong WordPress

08 - 05 - 2022

Bạn có muốn đặt hình ảnh đại diện mặc định trong WordPress không? Nhiều theme sử dụng hình ảnh đại...

Hiển thị ngày đăng ký của người dùng vào trang tất cả người dùng

Hiển thị ngày đăng ký của người dùng vào trang tất cả người dùng

06 - 05 - 2022

Giả sử rằng có một cuộc tấn công spam vào trang web của bạn. Có gần 50 người dùng...

Làm việc với DateTime trong WordPress

Làm việc với DateTime trong WordPress

04 - 05 - 2022

Một năm trước, mình phát triển một plugin liên quan đến thời gian biểu. Và mình sớm nhận ra...

Tạo form tìm kiếm bằng shortcode trong WordPress

Tạo form tìm kiếm bằng shortcode trong WordPress

02 - 05 - 2022

Bạn muốn thêm form tìm kiếm vào bài viết, trang, hoặc sidebar của website? Thêm form tìm kiếm vào nội...

Thêm cột ảnh đại diện trong trang quản trị danh sách bài viết

Thêm cột ảnh đại diện trong trang quản trị danh sách bài viết

28 - 04 - 2022

Bạn có muốn hiển thị ảnh đại diện ra ngoài trang danh sách bài viết không? Hôm nay mình sẽ...

0
Would love your thoughts, please comment.x