纯js Ajax 请求

来源:互联网 发布:2017php开发工作好找吗 编辑:程序博客网 时间:2024/04/29 06:25
  1. var XMLHttpReq;  
  2. function createXMLHttpRequest() {  
  3.     try {  
  4.         XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");//IE高版本创建XMLHTTP  
  5.     }  
  6.     catch(E) {  
  7.         try {  
  8.             XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");//IE低版本创建XMLHTTP  
  9.         }  
  10.         catch(E) {  
  11.             XMLHttpReq = new XMLHttpRequest();//兼容非IE浏览器,直接创建XMLHTTP对象  
  12.         }  
  13.     }  
  14.   
  15. }  
  16. function sendAjaxRequest(url) {  
  17.     createXMLHttpRequest();                                //创建XMLHttpRequest对象  
  18.     XMLHttpReq.open("post", url, true);  
  19.     XMLHttpReq.onreadystatechange = processResponse; //指定响应函数  
  20.     XMLHttpReq.send(null);  
  21. }  
  22. //回调函数  
  23. function processResponse() {  
  24.     if (XMLHttpReq.readyState == 4) {  
  25.         if (XMLHttpReq.status == 200) {  
  26.             var text = XMLHttpReq.responseText;  
  27.   
  28.             /** 
  29.              *实现回调 
  30.              */  
  31.             text = window.decodeURI(text);  
  32.             var cp = document.getElementById("cp");  
  33.             cp.innerHTML = "";  
  34.             var values = text.split("|");  
  35.             for (var i = 0; i < values.length; i++) {  
  36.                 var temp = document.createElement("option");  
  37.                 temp.text = values[i];  
  38.                 temp.value = values[i];  
  39.                 cp.options.add(temp);  
  40.             }  
  41.   
  42.   
  43.         }  
  44.     }  
  45.   
  46. }  
0 0
原创粉丝点击