原生js创建ajax对象

最新推荐文章于 2024-06-19 11:25:09 发布

小蜗牛1

最新推荐文章于 2024-06-19 11:25:09 发布

阅读量591

点赞数

分类专栏： .net开发

本文链接：https://blog.csdn.net/adgjlxxx/article/details/46010017

版权

.net开发专栏收录该内容

11 篇文章 0 订阅

订阅专栏

1.创建XMLHttpRequest对象

<script language="javascript" type="text/javascript">
   var request = false;
   try {
     request = new XMLHttpRequest();
   } catch (trymicrosoft) {
     try {
       request = new ActiveXObject("Msxml2.XMLHTTP");
     } catch (othermicrosoft) {
       try {
         request = new ActiveXObject("Microsoft.XMLHTTP");
       } catch (failed) {
         request = false;
       }  
     }
   }
   if (!request)
     alert("Error initializing XMLHttpRequest!");
   function getCustomerInfo() {
     var phone = document.getElementById("phone").value;
     var url = "/cgi-local/lookupCustomer.php?phone=" + escape(phone);
     request.open("GET", url, true);
     request.onreadystatechange = updatePage;
     request.send(null);
   }
   function updatePage() {
     alert("Server is done!");
   }
</script>

2.判断XMLHttpRequest对象返回状态

   function updatePage() {
     if (request.readyState == 4) {
       if (request.status == 200) {
         var response = request.responseText.split("|");
         document.getElementById("order").value = response[0];
         document.getElementById("address").innerHTML =
           response[1].replace(/\n/g, "<br />");
       } else
         alert("status is " + request.status);
     }
   }