AJAX学习小结(二)

AJAX GET与POST详解

最新推荐文章于 2022-10-01 22:50:46 发布

原创最新推荐文章于 2022-10-01 22:50:46 发布 · 185 阅读

0 ·

CC 4.0 BY-SA版权

前端基础专栏收录该内容

13 篇文章

订阅专栏

本文深入探讨了AJAX中GET和POST两种提交方式的实现细节。GET方式通过URL传递参数，适用于简单查询；POST方式则能处理大量数据，适合提交敏感信息。文章提供了具体的JavaScript代码示例，展示了如何使用XMLHttpRequest对象发起请求，并处理响应。

AJAX-GET提交方式:

function ls1(username) {
 var xmlHttp;
	  if(window.XMLHttpRequest){
		  xmlHttp=new XMLHttpRequest();
	  }else{
		  xmlHttp=new ActiveXObject("Microsoft.XMLHttp");
	  }
	  xmlHttp.onreadystatechange=function(){
		if(xmlHttp.readyState==4){
			if(xmlHttp.status == 200){
				var nameTipMsg=document.getElementById("nameTipMsg");	
				nameTipMsg.innerHTML=xmlHttp.responseText;
			}else{
				alert(xmlHttp.status);
			}
		    
		}
	  }
    var timeStamp=new Date().getTime();
	xmlHttp.open("GET","checkusername.do?_="+timeStamp+"&username="+username,true);//这里只开启通道，不发送请求,为了解决ajax-get请求缓存问题，可以加个时间戳
	//4.通知异步请求对象代替浏览器发送请求协议包
	 xmlHttp.send();
}

2.AJAX-POST提交方式:

比GET提交方式多这几行代码

xmlHttp.open("POST","URL",true);//这里只开启通道，不发送请求

xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");
//4.通知异步请求对象代替浏览器发送请求协议包
xmlHttp.send("username="+username+"&password="+password);