Bài 8: Công nghệ trong AJAX - XML và việc truyền dữ liệu bất đồng bộ XMLHttpRequest Các ứng dụng web truyền thống đều phải tái nạp toàn bộ trang web khi gửi yêu cầu đến server, điều này thường dẫn đến một sự ngắt quãng cho công việc của người dùng. | Bài 8 Công nghệ trong AJAX - XML và việc truyền dữ liệu bất đồng bộ -XMLHttpRequest Các ứng dụng web truyền thống đều phải tái nạp toàn bộ trang web khi gửi yêu cầu đến server điều này thường dẫn đến một sự ngắt quãng cho công việc của người dùng. Vì thế yêu cầu đặt ra là làm cho các request của server không đồng bộ và người dùng vẫn có thể làm việc trong khi đợi tín hiệu trả lời từ server. Giải pháp đầu tiên để giải quyết vấn đề này là dùng IFrame. Cho đến gần đây XMLHttpRequest đã được đưa ra như là một giải pháp mạnh mẽ và hiệu quả. XmlDocument và XMLHttpRequest Các đối tượng XmlDocument và XMLHttpRequest không phải là các chuẩn DOM mở rộng của trình duyệt web nhưng vẫn được hỗ trợ bởi rất nhiều trình duyệt. Các đối tượng đều dựa trên ActiveX hay các đối tượng JavaScript. Các trình duyệt khác đều có thực thi các đối tượng trên có các chức năng tương đương và các lời gọi hàm API. Một ví dụ sử dụng XmlDocument PHP Code function getXMLDocument var xDoc null if . createDocument xDoc null else if typeof ActiveXObject undefined var msXmlAx null try msXmlAx new ActiveXObject catch e msXmlAx new ActiveXObject xDoc msXmlAx if xDoc null typeof undefined xDoc null return xDoc Hàm vừa thực hiện trên sẽ trả về một đối tượng XmlDocument với các hàm API giống nhau trong các trình duyệt hiện nay. Ví dụ sau có chức năng tương tự nhưng dùng cho đối tượng XMLHttpRequest. PHP Code function getXMLHTTPRequest var xRequest null if xRequest new XMLHttpRequest else if typeof ActiveXObject undefined xRequest new ActiveXObject return xRequest Gửi một yêu cầu đến server Gửi một yêu cầu đến server từ một đối tượng XMLHttpRequest rất dễ dàng. Tất cả những việc ta cần làm là truyền cho nó địa chỉ URL của server. Ta sẽ làm như sau PHP Code function sendRequest url params HttpMethod if HttpMethod HttpMethod POST var req .
