Hướng dẫn call ajax php - gọi ajax php
Mở đầuAjax đã nhanh chóng trở thành một phần quan trọng và phổ biến trong việc phát triển web và là một trong các mô hình thành công nhất từ trước đến giờ. Ajax có một số phương thức ngắn gọn được dùng phổ biến như: Show
Nhưng đôi khi chúng ta cần nhiều sự kiểm soát hơn cho mỗi lần ta sử dụng Ajax. Ví dụ, chúng ta muốn chỉ rõ những hành động sẽ được thực hiện, sẽ xử lý như thế nào trong trường hợp một request Ajax thất bại hay chúng ta cần thực hiện một request Ajax nhưng chỉ cần kết quả của nó nếu kết quả này được lấy về trong đúng một khoảng thời gian do chúng ta quy định. Trong các trường hợp như thế, chúng ta có thể trông cậy vào một hàm khác được cung cấp bởi JQuery, đó là Hàm $.ajax()Hàm 0 $.post() và $.load() được đề cập ở trên có thể coi là một hàm $.ajax() với những thiết lập có sẵn. Sau đây là cú pháp tổng quát của hàm $.ajax() :
Tham số url là một chuỗi chứa URL mà bạn muốn sử dụng AJAX để thực hiện request, trong khi đó tham số options là một object thuần chứa các thiết lập cho request AJAX đó. Ở dạng đầu tiên, phương thức này thực hiện một request AJAX sử dụng tham số url và các cài đặt được chỉ định ở options. Ở dạng thứ hai, URL được chỉ định trong tham số options, hoặc có thể được lược bỏ trong trường hợp request này được gửi đến chính đường dẫn của trang hiện tại.url và các cài đặt được chỉ định ở options. Ở dạng thứ hai, URL được chỉ định trong tham số options, hoặc có thể được lược bỏ trong trường hợp request này được gửi đến chính đường dẫn của trang hiện tại. Danh sách các thiết lập sử dụng bởi hàm này sẽ được đề cập trong phần tiếp theo. Nhưng do danh sách này rất dài nên phần mô tả sẽ được nói ngắn gọn, trong trường hợp muốn nghiên cứu sâu hơn về ý nghĩa của chúng, bạn có thể tìm đến document chính thức của $.ajax(). Danh sách các tham số $('#main-menu a').click(function(event) { event.preventDefault(); $('#main').load(this.href + ' #main *', function(responseText, status) { if (status === 'success') { $('#notification-bar').text('The page has been successfully loaded'); } else { $('#notification-bar').text('An error occurred'); } }); }); 5Có rất nhiều các lựa chọn để bạn có thể thiết lập hàm
Thực tế sử dụng của một vài thiết lậpỞ phần này chúng ta sẽ được xem hàm Ví dụ đầu tiên của $.ajax()Chúng ta sẽ bắt đầu với một demo đơn giản so sánh giữa
Cập nhật đoạn code trên với hàm
Ở đây bạn có thể thấy rằng dạng thứ nhất của 0 và 1 để chỉ định sẽ làm gì trong trường hợp request thành công hay thát bại.Lấy về dữ liệu của một cuộc nói chuyện từ Joind.in sử dụng $.ajax()Ở ví dụ thứ hai, ta sẽ bàn luận về việc tạo một request JSONP để lấy về thông tin từ một service của Joind.in. Đây là một website nơi những đã tham gia một sự kiện nào có thể để lại feedback cho sự kiện đó và ban tổ chức sự kiện. Đoạn code dưới dây sẽ sử dụng Đoan code để đạt được mục tiêu trên được viết như sau:
Ở đoạn code trên, một vài thuộc tính khác đã được sử dụng thêm. Đầu tiên, bạn có thể thấy rằng dạng thứ hai của 6 được xử dụng để xác định kiểu của định dạng dữ liệu mà ta muốn lấy về từ server như được yêu cầu từ API. Thuộc tính $.get() 4 được set với giá trị 9 để thực hiện một request GET.Các bạn có thể xem thửu một demo trực tiếp của đoạn code trên được thực hiện trên JSfiddle. Kết luậnTrong bài biết này, chúng ta đã bàn luận về một hàm AJAX vô cùng mạnh mẽ từ JQuery là |