zoukankan      html  css  js  c++  java
  • JavaScript使用XMLHttpRequest 發送GET/Post 請求

    <!DOCTYPE HTML>
    <html>
    <head>
    <title>Demo</title>
    <script type="text/javascript">
    	
    	 var xmlHttp;  
    	
    	//XmlHttpRequest对象
    	function createXMLHttpRequest() {  
        var xmlHttp;  
        if (window.XMLHttpRequest) {  //非IE浏览器  
            xmlHttp = new XMLHttpRequest();  
            if (xmlHttp.overrideMimeType)  
                xmlHttp.overrideMimeType('text/xml');  
        } else if (window.ActiveXObject) {  //如果是IE浏览器 
            try {  
                xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");  
            } catch (e) {  
                try {  
                    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");  
                } catch (e) {  
                }  
            }  
        }  
        return xmlHttp;  
       }  
       
       	function getStatusBack(){  
            if(xmlHttp.readyState == 4 && xmlHttp.status == 200){  
                var b = xmlHttp.responseText;  
                alert(b);
                console.log(b);
            
            }  
        }  
       function testGet(){
       	
       	 xmlHttp = createXMLHttpRequest();  
         var url = "http://xxx/xxx/xxx"  
         xmlHttp.open("GET", url, true);// 异步处理返回   
         xmlHttp.onreadystatechange = getStatusBack;   //设置回调函数 
         xmlHttp.setRequestHeader("Content-Type",  "application/x-www-form-urlencoded;");  
         xmlHttp.send();  //发送请求
       	}
       	function testPost(){
       		var parameter = "tidList=1"
       		 var url = "http://xxx/xxx/xxx";  
       	   xmlHttp = createXMLHttpRequest();
       	   xmlHttp.open("POST", url, true);  
      		 xmlHttp.onreadystatechange = getStatusBack; //设置回调函数  
    			 xmlHttp.setRequestHeader("Content-Type",  
    			 "application/x-www-form-urlencoded;");  
    			 xmlHttp.send(); //发送请求
       	}
     	
    
    </script>
    </head>
    		
    <body>
    
    		<button  onclick="testGet()">Test Get</button>
    		<button  onclick="testPost()">Test Post</button>
    </body>
    </html>
    

      

  • 相关阅读:
    Qt QString to char*
    数组和指针的异同
    QTableWidget的使用和美工总结
    static——第一次执行与它以后执行时结果不一样
    电子签名技术之疑惑
    三十六 多进程
    三十五 序列化
    vs 单元测试
    三十四 操作文件和目录
    三十三 StringIO和BytesIO
  • 原文地址:https://www.cnblogs.com/linlf03/p/5952576.html
Copyright © 2011-2022 走看看