2-使用原生js发送ajax请求

JS AJAX GET&POST详解

最新推荐文章于 2025-12-10 20:37:40 发布

原创最新推荐文章于 2025-12-10 20:37:40 发布 · 323 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #javascript

搭建ssm+dubbo+zoo+oracle+liunx 同时被 2 个专栏收录

2 篇文章

订阅专栏

1 篇文章

订阅专栏

本文详细介绍了使用JavaScript实现AJAX的GET和POST请求的方法。包括如何创建XMLHttpRequest对象、设置请求方式、发送请求及接收响应等关键步骤，并提供了完整的示例代码。

javascript/js的ajax的GET请求代码如下所示：

<script type="text/javascript"> 
/* 创建 XMLHttpRequest 对象 */
var xmlHttp; 
function GetXmlHttpObject(){ 
　　if (window.XMLHttpRequest){ 
　　　　// code for IE7+, Firefox, Chrome, Opera, Safari 
　　　　xmlhttp=new XMLHttpRequest(); 
　　}else{// code for IE6, IE5 
　　　　xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
　　} 
　　return xmlhttp; 
} 
// -----------ajax方法-----------// 
function getLabelsGet(){ 
　　xmlHttp=GetXmlHttpObject(); 
　　if (xmlHttp==null){ 
　　　　alert('您的浏览器不支持AJAX！'); 
　　　　return; 
　　} 
　　var id = document.getElementById('id').value; 
　　var url="http://127.0.0.1:8080/mytest/test/noReturn.do?t="+Math.random(); 
　　xmlHttp.open("GET",url,true); 
　　xmlHttp.onreadystatechange=favorOK;//发送事件后，收到信息了调用函数 
　　xmlHttp.send(); 
}
function getOkGet(){ 
　　if(xmlHttp.readyState==1||xmlHttp.readyState==2||xmlHttp.readyState==3){ 
　　　　// 本地提示：加载中 
　　} 
　　if (xmlHttp.readyState==4 && xmlHttp.status==200){ 
　　　　var d= xmlHttp.responseText; 
　　　　// 处理返回结果 
　　} 
} 
</script>

javascript/js的ajax的POST请求：

<script type="text/javascript"> 
    /* 创建 XMLHttpRequest 对象 */
    var xmlHttp; 
    function GetXmlHttpObject(){ 
	if (window.XMLHttpRequest){ 
	    // code for IE7+, Firefox, Chrome, Opera, Safari 
	    xmlhttp=new XMLHttpRequest(); 
	}else{// code for IE6, IE5 
	    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
        } 
    return xmlhttp; 
    } 
    // -----------ajax方法-----------// 
    function getLabelsPost(){ 
        xmlHttp=GetXmlHttpObject(); 
	if (xmlHttp==null){ 
	    alert('您的浏览器不支持AJAX！'); 
	    return; 
	} 
	var url="http://127.0.0.1:8080/mytest/test/noReturn.do?t="+Math.random(); 
	xmlhttp.open("POST",url,true); 
	xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); 
	xmlhttp.send(); 
	xmlHttp.onreadystatechange=getLabelsOK;//发送事件后，收到信息了调用函数 
    } 
    function getOkPost(){ 
	if(xmlHttp.readyState==1||xmlHttp.readyState==2||xmlHttp.readyState==3){ 
	// 本地提示：加载中/处理中 
        } 
	if (xmlHttp.readyState==4 && xmlHttp.status==200){ 
	    var d=xmlHttp.responseText; // 返回值 
            // 处理返回值 
    } 
} 
</script>