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 1

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

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

Tham khảo tài liệu 'lập trình và thiết kế web 1', công nghệ thông tin, kỹ thuật lập trình phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả

Chủ đề:
Lưu

Nội dung Text: Lập trình và Thiết kế Web 1

  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