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

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

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

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]

For security, use of Google's reCAPTCHA service is required which is subject to the Google Privacy Policy and Terms of Use.

If you agree to these terms, please click here.


Chat Zalo

0932644183