ajax应用

来源:互联网 发布:淘宝网购流程图 编辑:程序博客网 时间:2024/05/01 14:23

<script language="javascript" type="text/javascript">
//建立XMLHttpRequest对象(跨浏览器)
function creatXMLHttpRequest() {
 var req = false;
 // branch for IE/Windows ActiveX version
 if (window.ActiveXObject) {
  try {
   req = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
   try {
    req = new ActiveXObject("Microsoft.XMLHTTP");
   } catch (e2) {
    req = false;
   }
  }
    }
  // branch for native XMLHttpRequest object
 else if (window.XMLHttpRequest) {
  try {
   req = new XMLHttpRequest();
  } catch (e) {
   req = false;
  }
 }
//判断是否初始化成功,如错误给出提示
if (!req)
  alert("Error initializing XMLHttpRequest!");

return req;
}

</script>

<script language="javascript" type="text/javascript">
var request = creatXMLHttpRequest();

function getCustomerInfo() {
     var phone = document.getElementById("phone").value;
     var url = "/cgi-local/lookupCustomer?phone=" + escape(phone);
     //服务器端根据请求返回信息(可以是完整页面,也可以是一个数据)
     request.open("GET", url, true);
     request.onreadystatechange = updatePage;
     request.send(null);
   }

function updatePage() {
 if (request.readyState == 4) {
  if (request.status == 200) {
   document.getElementById("info").innerHTML = request.responseText;
  } else {
   alert("There was a problem retrieving the XML data:/n" +
    request.statusText);
  }
 }
}

</script>