Wordpress ajax lấy nội dung bài đăng
Một tìm kiếm nhanh trên Google cho thấy cách gọi AJAX phổ biến nhất trong WordPress vẫn sử dụng
admin-ajax.php . Trong bài đăng này, chúng tôi chỉ cho bạn cách sử dụng AJAX hiện đại trong WordPress bằng API REST. Cách này có thể áp dụng cho phiên bản WordPress 4. 7 trở lên. Phiên bản WordPress 4. 7, API REST khả dụng với sự trợ giúp của plugin. Tuy nhiên, sự phụ thuộc này là không mong muốn. Trong các phiên bản sau của WordPress, Điểm cuối nội dung API REST hiện là một phần của lõi WP. Show
AJAX là gì?AJAX là viết tắt của Javascript và XML không đồng bộ nhưng ngày nay rất ít người sử dụng XML và nhiều JSON hơn. Tuy nhiên, nó vẫn được gọi là AJAX .Yêu cầu HTTP bắt đầu khi một sự kiện xảy ra. Những sự kiện này có thể là nhấp chuột, di chuột, v.v. Yêu cầu này chuyển qua Internet đến máy chủ nơi nó xử lý và gửi phản hồi trở lại trình duyệt ban đầu. Trình duyệt xử lý dữ liệu mà nó nhận được và cập nhật trang với nội dung mới. Cách sử dụng AJAX cũTrước tiên, hãy xem cách cũ bằng cách sử dụng Xếp hàng và bản địa hóa (các) tập lệnhPhần lớn mã này có trong tệp_______2. Mã trên rất phổ biến. Tôi đã xử lý tệp JavaScript bằng cách sử dụng hàm wp_enqueue_script . Bây giờ hãy tập trung vào chức năng wp_localize_script. Hàm này chấp nhận một mảng kết hợp và tạo một Đối tượng Javascript có thể được sử dụng ở bất kỳ đâu ở phía máy khách. Nói cách khác, tôi đã sử dụng hàm wp_localize_script để tạo đối tượng javascript và đối tượng được sử dụng trong đường dẫn đến tệp js. js được đề cập trong dòng 6 Ví dụ: tôi có thể sử dụng nó như Ở dòng 9, Ở dòng 10, chức năng wp_create_nonce ('my-nonce') tự động tạo một khóa sê-ri hoặc mã thông báo nonce mà chúng tôi sẽ sử dụng cho . Sử dụng một cuộc gọi jQueryLưu ý rằng đây vẫn là cách cũ để làm điều này. Tập trung vào đường dẫn đến tệp js. js chứa mã được hiển thị bên dưới. Bất kỳ hành động nào như nhấp chuột, cuộn, thay đổi đầu vào, v.v. sẽ kích hoạt mã này Có nhiều cách khác nhau để bắt đầu một yêu cầu AJAX trong jQuery
Ở dòng số 4 và 9, Dữ liệu ở dòng số 6 có ba thuộc tính. Dữ liệu mà chúng ta sẽ sử dụng trong chức năng gọi lại. Dữ liệu này có thể là một giá trị được chọn, một giá trị đầu vào, toàn bộ biểu mẫu, v.v. Thứ hai là hành động chúng tôi sẽ thực hiện và tài liệu tham khảo của nó. Cái cuối cùng là nonce có thể là tên tùy chỉnh Sau khi nhận được dữ liệu, bạn có thể tự do sử dụng DOM theo cách bạn muốn. Bây giờ, hãy nắm bắt yêu cầu này với Quy ước đặt tên hook và hàm phải ở định dạng_______9. Ví dụ: hàm Tôi đã viết hook và hàm gọi lại để trả về dữ liệu đã xử lý trong PHP như trong hình 3. Cách mới của AJAXBây giờ, hãy xem cách hiện đại của AJAX trong WordPress bằng API REST Xếp hàng và bản địa hóa (các) tập lệnhHình trên không khác lắm so với hình 1, ngoại trừ dòng số 7 và 8. Chúng tôi sử dụng cùng một câu móc, hành động và Ở đây, tôi đã sử dụng hàm rest_url() để tự động lấy URL còn lại cho trường hợp cụ thể này. Chúng tôi cũng nhận được nonce cụ thể cho trường hợp cụ thể này bằng cách_______03 Theo cách cũ, bạn có thể chỉ định tên tùy chỉnh cho nonce. Tuy nhiên, bây giờ nó phải được viết là ‘ Cách gọi jQuery mớiỞ dòng 3 trong hình trên, URL của chúng ta khác. Giờ đây, nó là sự kết hợp của Tại dòng số 5, chúng tôi đưa yêu cầu tiêu đề vào định dạng khóa-giá trị. Trong phần dữ liệu, bạn có thể chuyển bao nhiêu dữ liệu hiện có ở định dạng khóa-giá trị Sau khi nhận được dữ liệu, bạn có thể tự do sử dụng DOM theo cách bạn muốn PHP sử dụng điểm cuối API RESTTrong sơ đồ trên từ số dòng, 2 đến 7, hãy hiển thị phần bổ sung của móc rest_api_init. Điều này cho phép chúng tôi đăng ký điểm cuối phần còn lại tùy chỉnh của chúng tôi. Hàm register_rest_route có ba tham số baseUrl, điểm cuối và mảng với hai thuộc tính phương thức và một lệnh gọi lại. Cuộc gọi lại chứa tên của chức năng gọi lại. Làm cách nào để lấy dữ liệu bài đăng bằng AJAX trong WordPress?Tổng quan . Ghi vào hàng đợi một tệp Javascript nếu bạn chưa có Sử dụng wp_localize_script() để chuyển URL của quản trị viên-ajax của bạn. tập tin php Tạo cuộc gọi AJAX trong Javascript Móc một hàm bằng cách sử dụng tên hook thích hợp Viết mã chức năng có thể trả lại dữ liệu cho Javascript Làm cách nào để sử dụng AJAX trong WordPress từng bước?Tệp này, là tệp thực hiện lệnh gọi Ajax. . Bước 1. Tạo chức năng Ajax của bạn cho WordPress (PHP). Bước 2. Đăng ký chức năng Ajax của bạn cho WordPress (PHP). Bước 3. Chuẩn bị tệp HTML của bạn. . Bước 4. Tạo một JavaScript để thực hiện cuộc gọi Ajax Wp_ajax là gì?AJAX là viết tắt của JavaScript và XML không đồng bộ . AJAX là sự kết hợp của web script và công nghệ cho phép cập nhật trang web mà không cần tải lại toàn bộ trang. Trong WordPress, bạn có thể thấy AJAX đang hoạt động trong màn hình chỉnh sửa bài đăng, nơi bạn có thể thêm danh mục mới trong khi viết bài đăng mà không cần tải lại trang.
Chúng tôi có thể sử dụng AJAX trong WordPress không?WordPress hỗ trợ AJAX nguyên bản . Bạn có thể thấy “admin-ajax. php” bên trong thư mục wp-admin. Ban đầu, nó được tạo cho tất cả các chức năng tạo yêu cầu AJAX từ quản trị viên WordPress. |