Sử dụng ưu điểm của Ajax trong việc load dữ liệu mà không cần phải tải lại trang giúp bạn tạo nên những tính năng rất hữu ích trong website.Sau đây Sơn Web sẽ hướng dẫn bạn cách sử dụng ajax trong WordPress một cách đơn giản dễ hiểu nhất.

Cách sử dụng jQuery Ajax trong WordPress

Trước khi viết hướng dẫn , mình cũng tham khảo một số bài viết về cách sử dụng ajax trong WordPress khác trên mạng như:

Tuy nhiên 1 số bài hướng dẫn khá nhiều và phức tạp , sau đây mình đang làm chức năng tạo 2 select , 1 select trong form hiển thị danh sách quận huyện, và bắt sự kiện change của select sẽ get data phường xã tương ứng với quận huyện .Select 2 sẽ hiển thị danh sách phường xã tương ứng với quận huyện.

hướng dẫn ajax trong wordpress với select

Kiến thức cơ bản khi khi sử dụng ajax trong WordPress

jquery cơ bản.
php cơ bản
WordPress cơ bản sử dụng wp_ajax_ & wp_ajax_nopriv_

Demo Code hiển thị select lấy danh sách phường xã ở sự kiện select change quận huyện

Bạn xem demo từ website http://batdongsancatminh.com/san-pham/dat-nen-sieu-re-vi-tri-duong-3-ra-le-van-viet-va-dinh-phong-phu/ , với form search bên sidebar chọn quận huyện , phường xã.

Bước 1: Hiện thị option danh sách quận huyện từ database

Code demo:
[crayon]

Hướng Dẫn Wordpress

Hướng dẫn ajax trong WordPress với sự kiện select change form

Cách sử dụng jQuery Ajax trong WordPress

Kiến thức cơ bản khi khi sử dụng ajax trong WordPress

Demo Code hiển thị select lấy danh sách phường xã ở sự kiện select change quận huyện

Bước 1: Hiện thị option danh sách quận huyện từ database

Cách sử dụng jQuery Ajax trong WordPress

Kiến thức cơ bản khi khi sử dụng ajax trong WordPress

Demo Code hiển thị select lấy danh sách phường xã ở sự kiện select change quận huyện

Bước 1: Hiện thị option danh sách quận huyện từ database

Đăng nhập