Đang chuẩn bị liên kết để tải về tài liệu:
Xử lí “Back” cho AJAX

AJAX là kỹ thuật thời thượng, tạo nên thế hệ ứng dụng web đáp ứng nhanh, tiết kiệm nhiều thời gian cho người dùng khi lướt web. Tuy nhiên, nếu là người viết ứng dụng web, chắc hẳn bạn cũng đã biết một số khuyết điểm của các ứng dụng trên nền AJAX. Một trong số đó là tính năng Back. Khi bạn xem các trang của một website dùng kỹ thuật AJAX, nếu nhấn nút Back trên thanh công cụ của trình duyệt thì bạn sẽ bị "đá văng" khỏi website thay vì được đưa về trang trước đó | Xử lí Back cho AJAX AJAX là kỹ thuật thời thượng tạo nên thế hệ ứng dụng web đáp ứng nhanh tiết kiệm nhiều thời gian cho người dùng khi lướt web. Tuy nhiên nếu là người viết ứng dụng web chắc hẳn bạn cũng đã biết một số khuyết điểm của các ứng dụng trên nền AJAX. Một trong số đó là tính năng Back. Khi bạn xem các trang của một website dùng kỹ thuật AJAX nếu nhấn nút Back trên thanh công cụ của trình duyệt thì bạn sẽ bị đá văng khỏi website thay vì được đưa về trang trước đó. Bài viết này trình bày một trong số những cách khắc phục khuyết điểm trên. Ta xét một website trang web chính có 3 liên kết đến 3 trang nội dung. Đây là liên kết giả vì không dùng tag A HREF mà dùng XMLHttpRequest để lấy nội dung từ 3 file tl.xml t2.xml t3.xml đưa vào trang chính làm cho người dùng tưởng mình được đưa tới 3 trang web khác nhau của website. Tạo 3 trang nội dung như sau tl.xml xml Day la noi dung cua trang so 1. xml t2.xml xml Day la noi dung cua trang so 2. xml t3.xml xml Day la noi dung cua trang so 3. xml Đặt 3 file xml vào thư mục gốc của website giả sử là http localhost . Tiếp theo tạo trang web chính index.html nội dung như sau html div Xem trang 1 div div Xem trang 2 div div Xem trang 3 div div id nd div html Trang web chính gồm 3 liên kết là 3 phần tử div và một phần tử div có nhiệm vụ chứa nội dung của 3 trang. Để lấy dữ liệu và đưa ra trang chính ta viết hàm xreq và ghi . Bổ sung đoạn mã sau vào file index.html script function xreq file func var req if window.XMLHttpRequest req new XMLHttpRequest if req.overrideMimeType req.overrideMimeType text xml else try req new ActiveXObject Msxml2.XMLHTTP catch e req new ActiveXObject Microsoft.XMLHTTP req.onreadystatechange function if req.ready State 4 func req.responseXML.childNodes 0 .text req.open GET file true req.send null function ghi noi_dung nd.innerHTML noi_dung script Gắn hàm xreq và hàm ghi vào sự kiện onclick của 3 div liên kết. div onclick xreq t1.xml ghi Xem trang 1 div div onclick xreq t2.xml ghi Xem trang 2 div .