intTypePromotion=1
zunia.vn Tuyển sinh 2024 dành cho Gen-Z zunia.vn zunia.vn
ADSENSE
 » 
 » 

Bài giảng Công nghệ Web (ASP.NET): Bài 13 - Lê Quang Lợi

Chia sẻ: Tằng Túy | Ngày: | Loại File: PDF | Số trang:14

Thêm vào BST
Báo xấu
76
lượt xem 8
download
 
  Download Vui lòng tải xuống để xem tài liệu đầy đủ

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.

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Bài giảng Công nghệ Web (ASP.NET): Bài 13 - Lê Quang Lợi

  1. Bài 13: Ajax Lê Quang Lợi Email: loilequang@gmail.com loilq@utehy.edu.vn
  2. Bài 13: Ajax » Giới thiệu về Ajax » Ajax trong 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
  3. 13.1 Giới thiệu về Ajax » AJAX: Asynchronous Javascript And XML » Ajax là sự tích hợp của các công nghệ Javascript + Server Script + XML » Ajax là kỹ thuật tạo web động, đẩy nhanh tốc độ truy xuất » Không cần tải toàn bộ trang (tải phần nhỏ trong 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 hơn Chú ý: Ajax không phải là một công nghệ Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY
  4. 13.1 Giới thiệu về Ajax » Website không sử dụng Ajax Client Process Process Process Server Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY
  5. 13.1 Giới thiệu về 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
  6. 13.2 Các đối tượng Ajax » XMLHttpRequest: Δ Tạo các 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ở một request tới server  Send(); // Gửi Request tới server » XMLHttpResponse Δ Cung cấp dữ liệu trả về cho Client triệu gọi Δ Dữ liệu trả về: Text, XML, jSon Δ Hàm:  ResponseText: trả về dữ liệu dạng Text  ResponseXML: Trả về dữ 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
  7. 13.2 Các đối tượng Ajax (ví dụ) function loadXMLDoc(url) { var xmlhttp; Tạo XMLHTTPRequest 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 Request Ajax
  8. 13.3 Ajax trong ASP.NET » ASPX hỗ trợ các server controls làm việc với Ajax » Cho phép sử dụng Ajax trên các servercontrols » Update panel: Chứa Control sử dụng Ajax » ScriptManager: Quản lý mã Ajax trên ASPX Chú ý: một trang chỉ có một ScriptManager Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY
  9. 13.3 Ajax trong ASP.NET(ajax control toolkits) » Tập các control được xây dựng sẵn trong ASPX » Nhiều tính năng thuận tiện » Hỗ trợ tương tác hệ thống qua ajax » Tiết kiệm chi phí : mã nguồn sẵn » Thư viện khác: jQuery Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY
  10. 13.4 jAjax » jQuery hỗ trợ các hà get và jAjax theo cơ chế Ajax » ajax: thiết lập và tương tác theo ajax » get: Thiết lập ajax theo phương thức Get » post: thiết lập ajax theo phương thức Post ví dụ: $.ajax({ url: "test.html", context: document.body }).done(function() { $(this).addClass("done"); }); Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY
  11. 13.4 jAjax $.ajax({ Hàm Ajax type: "POST“ , Giao thức url: "some.ASPX“ , Trang xử lý data: { name: "John“ , location: "Boston" } Cấu trúc dữ liệu }).done(function( msg ) { Hàm thao tác dữ liệu alert( "Data Saved: " + msg ); được trả về }); Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY
  12. 13.4 jAjax Cú pháp: $.get(‘url’,,data},function(result), … -); $.get ("test.ASPX", Ajax theo Get { name: "John“, Trang xử lý time: "2pm" }, function(data){ Dữ liệu alert("Data Loaded: " + data); }); Hàm xử lý dữ liệu Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY
  13. 13.4 jAjax Cú pháp: $.post(‘url’,,data},function(result){ … }); $.post("test.ASPX", Hàm Ajax theo Post { name: "John", time: "2pm" }, Dữ liệu gửi lên phía server function(data) { Hàm xử lý dữ liệu alert("Data Loaded: " + data); }); Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY
  14. 13.4 jAjax Phía server nhận và xử lý dữ liệu public void Page_Load(object S, EventArgs e){ string txt= Request.Form*“name”+; Nhận dữ liệu Response.Write(“Chao” + “txt”); Gửi về cho Brower } Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY
ADSENSE

CÓ THỂ BẠN MUỐN DOWNLOAD

THÔNG TIN
TRỢ GIÚP
HỖ TRỢ KHÁCH HÀNG
Theo dõi chúng tôi

Chịu trách nhiệm nội dung:

Nguyễn Công Hà - Giám đốc Công ty TNHH TÀI LIỆU TRỰC TUYẾN VI NA

LIÊN HỆ

Địa chỉ: P402, 54A Nơ Trang Long, Phường 14, Q.Bình Thạnh, TP.HCM

Hotline: 093 303 0098

Email: support@tailieu.vn

Giấy phép Mạng Xã Hội số: 670/GP-BTTTT cấp ngày 30/11/2015 Copyright © 2022-2032 TaiLieu.VN. All rights reserved.

 

Đồng bộ tài khoản
2=>2