tailieunhanh - Xây dựng Ajax RSS Reader - Step by Step

Chuẩn bị XMLHttpRequest Object Trong bước đầu tiên chúng ta cần chuẩn bị XMLHttpRequest object sử dụng để load remote RSS. Tôi đã kiểm tra và phát hiện ra đoạn mã này chỉ hoạt động với Firefox, vì thế tôi đã thêm ActiveXObject phục vụ cho IE. var RSSRequestObject = false; // XMLHttpRequest Object | Xây dựng Ajax RSS Reader - Step by Step Chuẩn bị XMLHttpRequest Object Trong bước đầu tiên chúng ta cần chuẩn bị XMLHttpRequest object sử dụng để load remote RSS. Tôi đã kiểm tra và phát hiện ra đoạn mã này chỉ hoạt động với Firefox vì thế tôi đã thêm ActiveXObject phục vụ cho IE. var RSSRequestObject false XMLHttpRequest Object if try to create XMLHttpRequest RSSRequestObject new XMLHttpRequest if if ActiveXObject use the RSSRequestObject new ActiveXObject Viết mã HTML Chỉ cần một vài dòng 2 thẻ DIV được dùng để tạo status thông báo về tiến trình request data và ajaxreader để chứa kết quả. Trong onload chúng ta để AJAX Reader. body onload RSSRequest h2 acronym title Asynchronous Javascript And XML AJAX acronym acronym title Rich Site Summary RSS acronym Reader h2 div id status style none div div id ajaxreader div body AJAX RSS Reader AJAX Reader sẽ gửi một request tới URL được đặt sẵn sau đó chạy function ReqChange khi dữ liệu đã được load. Tôi đã thêm vào một vài hàm phụ phục vụ cho việc ẩn hiện kết quả. var Backend http Backend url Main acronym title Asynchronous Javascript And XML AJAX acronym acronym title Rich Site Summary RSS acronym reader request function RSSRequest change the status to requesting data HideShow status status .innerHTML Requesting data . Prepare the request GET Backend true Set the onreadystatechange function ReqChange Send null function HideShow id var el GetObject id if none else