Bài 13 cung cấp những kiến thức cơ bản về Ajax. Các nội dung chính được trình bày trong chương này gồm có: Giới thiệu về Ajax, Ajax trong Asp.Net, Ajax controls, Ajax controls Toolkits. Mời các bạn cùng tham khảo để biết thêm các nội dung chi tiết.
Bài 13: Ajax Lê Quang Lợi Email: loilequang@gmail.com loilq@utehy.edu.vn Bài 13: Ajax » Giới thiệu Ajax » Ajax Asp.Net » Ajax controls » Ajax controls Toolkits Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 13.1 Giới thiệu Ajax » AJAX: Asynchronous Javascript And XML » Ajax tích hợp công nghệ Javascript + Server Script + XML » Ajax kỹ thuật tạo web động, đẩy nhanh tốc độ truy xuất » Khơng cần tải tồn trang (tải phần nhỏ trang) » Sử dụng: XMLHttpRrequest, XMLHttpResponse » Xây dựng ứng dụng theo: Rick Internet Application » Lợi ích: Nhanh hơn, thân thiện hơn, hiệu ứng tốt Chú ý: Ajax công nghệ Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 13.1 Giới thiệu Ajax » Website không sử dụng Ajax Client Process Lê Quang Lợi: loilequang@gmail.com Process Process Môn học : Công nghệ WEB (ASP.NET) Server CNPM-CNTT-ĐHSPKT HY 13.1 Giới thiệu Ajax » Website sử dụng Ajax Client Ajax Server Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 13.2 Các đối tượng Ajax » XMLHttpRequest: Δ Tạo yêu cầu tới server: dạng POST/GET với URL Δ Cung cấp thông tin yêu cầu cho server Δ Các hàm: open(method,url,async); // Mở request tới server Send(); // Gửi Request tới server » XMLHttpResponse Δ Cung cấp liệu trả cho Client triệu gọi Δ Dữ liệu trả về: Text, XML, jSon Δ Hàm: ResponseText: trả liệu dạng Text ResponseXML: Trả liệu dạng XML Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 13.2 Các đối tượng Ajax (ví dụ) Tạo XMLHTTPRequest function loadXMLDoc(url) { var xmlhttp; if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); Nhận KQ }else { // code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById('p1').innerHTML=xmlhttp.ResponseText; } } xmlhttp.open("GET",url,true);xmlhttp.send();} Gửi RequestAjax