AJAX là chữ viết tắt của Asynchronous JavaScript và XML, AJAX = Asynchronous JavaScript và XML.

Bạn đang xem: Gọi sử dụng ajax trong wordpress vô cùng đơn giản ai cũng làm được

Đây là 1 kỹ thuật giúp chúng ta tạo ra rất nhiều Web rượu cồn mà trọn vẹn không reload lại trang phải rất mượt với đẹp.

Trong nội dung bài viết này, tôi sẽ gợi ý bạn áp dụng Ajax trong WordPress đúng cách

*

Xử lý AJAX sẽ có được 2 phần:

Xử lý sinh hoạt phía font-end (Javascript/jQuery)Xử lý nghỉ ngơi phía back-end (PHP)

Code sinh hoạt phía Front-End

Code tại đoạn này sẽ là code Javascript hoặc jQuery (Thư viện của Javascript). Vào WordPress hay được viết ở file footer.php (Nằm bên dưới wp_footer()) hoặc tệp tin js bất kỳ (Nằm dưới thư viện jQuery)

$(document).ready(function() $(".notify").click(function() // lúc click vào button thì sẽ call hàm ajax $.ajax( // Hàm ajax type : "post", //Phương thức truyền post hoặc get dataType : "html", //Dạng dữ liệu trả về xml, json, script, or html url : "", // vị trí xử lý dữ liệu data : action: "notify", //Tên action, dữ liệu gởi lên đến server mess: "Nội dung thông báo" , beforeSend: function() // hoàn toàn có thể thực hiện quá trình load hình ảnh quay quay trước lúc đổ dữ liệu ra , success: function(response) //Làm gì đó khi dữ liệu đã được xử lý $(".result").html(response); // Đổ tài liệu trả về vào class result , error: function( jqXHR, textStatus, errorThrown ) //Làm gì đấy khi gồm lỗi xẩy ra console.log( "The following error occured: " + textStatus, errorThrown ); ); ););Trong đoạn code trên, chúng ta hiểu như sau:

Khi click vào nút tất cả class là “notify” vẫn gửi dữ liệu ajax. Kết quả trả về vẫn hiển thị trong thẻ html bao gồm class là “result”

Chú ý: ví như đoạn code trên chúng ta chèn vào tệp tin js thì các bạn không điện thoại tư vấn nơi tham số url được. Từ bây giờ bạn yêu cầu gán 1 thay đổi Javascript ở tệp tin php, rồi trong tệp tin js các bạn gọi trở thành đó ra.

Xem thêm: Cách Dùng Dầu Dừa Giảm Cân, Cách Giảm Mỡ Bụng Bằng Dầu Dừa Hiệu Quả Nhất

Bạn hãy ghi nhớ văn bản tham số action. Thông số này được áp dụng ở phía back-end nhưng mà tôi nói ngay lập tức sau đây.

Code sinh hoạt phía Back-End

Bạn chèn đoạn code sau vào file functions.php của theme nhiều người đang dùng

Bạn xem xét sẽ thấy 2 hook: wp_ajax_notify với wp_ajax_nopriv_notify

Tuy nhiên notify đó là tên action mà bọn họ đã đặt tại file front-end. Vì thế hook để xử lý ajax phía back-end có cú pháp như sau: wp_ajax_tên_action và wp_ajax_nopriv_tên_action

Còn notify_func là tên hàm tiến hành ajax. Chúng ta đặt tên là gì cũng rất được (Miễn sao không trùng với những hàm khác)

Chú ý: tài liệu trong hàm cách xử trí ajax nên trả về dạng echo (Khác cùng với phần shortcode)

Kết luận

Trên phía trên tôi đã chia sẻ cho chúng ta cách áp dụng Ajax vào WordPress. Hi vọng qua bài viết này, các bạn sẽ bớt khiếp sợ khi thao tác làm việc với Ajax.