tailieunhanh - Tạo ứng dụng suggestion đơn giản dùng Ajax

Để giải quyết vấn đề nhanh chóng và hiệu quả, mình sẻ tóm gọn cách thức trình bày theo quy tắc - ít nhất người đọc bài nầy cũng đã hiểu được thế nào là AJAX và cách deploy một ứng dụng của nó như thế nào | Tạo ứng dụng suggestion đơn giản dùng Ajax Để giải quyết vấn đề nhanh chóng và hiệu quả mình sẻ tóm gọn cách thức trình bày theo quy tắc - ít nhất người đọc bài nầy cũng đã hiểu được thế nào là AJAX và cách deploy một ứng dụng của nó như thế nào Đầu tiên ta sẻ tạo một form HTML như sau form First Name input type text id txt1 onkeyup showHint form p Suggestions span id txtHint span p Ở đây chúng ta có một ô nhập txt1 và được cài sự kiện onkeyup. Sự kiện nầysẻ gọi hàm showHint thamsố và tham số truyền vào sẻ là giá trị của ô nhập. và đây là code của hàm showHint function showHint str if 0 documentgetElementById txtHint .innerHTML return xmlHttp GetXmlHttpObj ect if xmlHttp null alert Your browser does not support AJAX return var url url url q str url url sid stateChanged GET url true xmlHttp. send null Hàm được thực thi mỗi khi có 1 kí tự được nhập vào ô txt1. Nếu có kí tự 0 hàm sẻ thực thi Định nghĩa url filename gửi tới server Thêm một tham số q vào url với nội dung là giá trị của ô txt1 thực chất là công việc ghép chuỗi để tạo một request url gửi lên server Thêm một sô ngẫu nhiên để tránh không server tạo cache Tạo một đối tượng XMLHTTP và gán một hàm thực thi stateChanged Mở đối tượng XMLHTTP với url. Gửi HTTP request tới server Nếu ô txt1 rỗng thì hàm nầy sẻ xóa nội dung của txtHint. Đoạn code trên gọi 1 hàm GetXmlHttpObject . Mục đích của hàm nầy là giải quyết vấn đề tạo ra đối tượng XMLHTTP trên các trình duyệt khác nhau function GetXmlHttpObject var xmlHttp null

TỪ KHÓA LIÊN QUAN
crossorigin="anonymous">
Đã phát hiện trình chặn quảng cáo AdBlock
Trang web này phụ thuộc vào doanh thu từ số lần hiển thị quảng cáo để tồn tại. Vui lòng tắt trình chặn quảng cáo của bạn hoặc tạm dừng tính năng chặn quảng cáo cho trang web này.