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

Lập trình và Thiết kế Web 1AJAXKhoa CNTT – ĐH.KHTN© 2007 Khoa Công nghệ thông

Chia sẻ: Abcdef_15 Abcdef_15 | Ngày: | Loại File: PDF | Số trang:13

201
lượt xem
46
download
 
  Download Vui lòng tải xuống để xem tài liệu đầy đủ

Lập trình và Thiết kế Web 1 AJAX Khoa CNTT – ĐH.KHTN © 2007 Khoa Công nghệ thông tin Lập trình và Thiết kế Web 1 – AJAX AJAX Asynchronous JavaScript And Xml AJAX © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – AJAX Ví dụ © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – AJAX © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – AJAX Không dùng ajax Server Trang web Submit Reload New page © 2007 Khoa CNTT - ĐHKHTN ...

Chủ đề:
Lưu

Nội dung Text: Lập trình và Thiết kế Web 1AJAXKhoa CNTT – ĐH.KHTN© 2007 Khoa Công nghệ thông

  1. Lập trình và Thiết kế Web 1 AJAX Khoa CNTT – ĐH.KHTN © 2007 Khoa Công nghệ thông tin
  2. Lập trình và Thiết kế Web 1 – AJAX AJAX Asynchronous JavaScript And Xml AJAX © 2007 Khoa CNTT - ĐHKHTN
  3. Lập trình và Thiết kế Web 1 – AJAX Ví dụ © 2007 Khoa CNTT - ĐHKHTN
  4. Lập trình và Thiết kế Web 1 – AJAX © 2007 Khoa CNTT - ĐHKHTN
  5. Lập trình và Thiết kế Web 1 – AJAX Không dùng ajax Server Trang web New page Submit Reload © 2007 Khoa CNTT - ĐHKHTN
  6. Lập trình và Thiết kế Web 1 – AJAX Dùng ajax Server javascript Update Response Trang web © 2007 Khoa CNTT - ĐHKHTN
  7. Lập trình và Thiết kế Web 1 – AJAX Code? function onClick()// Ajax function { var xmlHttp; Khỏi tạo đối tượng xmlHttp …… xmlHttp.open("GET",“serverURL“,true); echo (“noidung”); xmlHttp.send(null); ...... xmlHttp.onreadystatechange=function() { if(xmlHttp.readyState==4) { //xử lí dữ liệu response; } } } Client Server © 2007 Khoa CNTT - ĐHKHTN
  8. Lập trình và Thiết kế Web 1 – AJAX Code? Các trạng thái của thuộc tính readyState State Description Request chưa được khởi tạo 0 Request đã được thiết lập 1 Request đã được gửi 2 Request đang được xử lí 3 Request được xử lí xong 4 xmlHttp.onreadystatechange=function() { if(xmlHttp.readyState==4) { //Xử lí dữ liệu nhận được } } © 2007 Khoa CNTT - ĐHKHTN
  9. Lập trình và Thiết kế Web 1 – AJAX Ví dụ testAjax.htm Select a Customer:
  10. Lập trình và Thiết kế Web 1 – AJAX AJAX – Browser Support Khởi tạo XMLHttp xmlHttp=GetXmlHttpObject(); function GetXmlHttpObject(){ Trình duyệt var objXMLHttp=null Firefox/Netscape… if (window.XMLHttpRequest){ objXMLHttp=new XMLHttpRequest() } Trình duyệt IE else if (window.ActiveXObject){ objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP") } return objXMLHttp } © 2007 Khoa CNTT - ĐHKHTN
  11. Lập trình và Thiết kế Web 1 – AJAX AJAX – Đối tượng XMLHttpRequest Thiết lập hàm xử lý dữ liệu trả về từ Server xmlHttp.onreadystatechange=stateChanged; function stateChanged() { if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){ document.getElementById("txtHint").innerHTML=xmlHttp.responseText; } } Dữ liệu trả về từ Server © 2007 Khoa CNTT - ĐHKHTN
  12. Lập trình và Thiết kế Web 1 – AJAX AJAX – Gửi Request lên Server function showCustomer(str){ xmlHttp=GetXmlHttpObject(); if (xmlHttp==null){ alert ("Browser does not support HTTP Request"); return; } xmlHttp.onreadystatechange=stateChanged; var url=“getcustomer.php“; url=url+"?q="+str; url=url+"&sid="+Math.random(); Gửi request lên xmlHttp.open("GET",url,true); server xmlHttp.send(null); } © 2007 Khoa CNTT - ĐHKHTN
  13. Lập trình và Thiết kế Web 1 – AJAX AJAX - The Server-Side ASP Script Getcustomer.php
ADSENSE

CÓ THỂ BẠN MUỐN DOWNLOAD

 

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