优秀的编程知识分享平台

网站首页 > 技术文章 正文

纯JS异步(post和get两种方法)(js异步是什么)

nanyue 2024-08-02 17:49:43 技术文章 5 ℃

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> js </TITLE>

</HEAD>

<BODY>
<script type="text/javascript">
var xmlHttp;
function createxmlHttpRequest()
{
if(window.ActiveXObject)
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
else if(window.XMLHttpRequest)
xmlHttp = new XMLHttpRequest();
}
function createQueryString()
{
var firstName = document.getElementById("firstName").value;
var birthday = document.getElementById("birthday").value;
var queryString = "firstName="+firstName+"&birthday="+birthday;
return encodeURI(encodeURI(queryString));//防止乱码
}
function doRequestUsingGet()
{
createxmlHttpRequest();
var queryString = "ajax2.asp?";
queryString+=createQueryString()+"&timestamp="+new Date().getTime();
xmlHttp.open("GET",queryString);
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.send(null);
}
function doRequestUsingPost()
{
createxmlHttpRequest();
var url ="ajax2.asp?timestamp="+new Date().getTime();
var queryString = createQueryString();
xmlHttp.open("POST",url);
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlHttp.send(queryString);

}
function handleStateChange()
{
if(xmlHttp.readyState==4 && xmlHttp.status == 200)
{
var responseDiv = document.getElementById("serverResponse");
responseDiv.innerHTML=decodeURI(xmlHttp.responseText);
}
alert(xmlHttp.responseText);
}
</script>

<form id="form1" runat="server">
<input id="firstName" type="text" /><br />
<input id="birthday" type="text" /><br />
<br />
<input id="get" type="button" value="get" onclick="doRequestUsingGet();" style="width: 64px" />

<input id="post" type="button" value="post" onclick="doRequestUsingPost();" style="width: 75px" /><br />
<div id="serverResponse">
</div>
</form>
</BODY>
</HTML>

ajax2.asp页面:

<%
Response.Write("000")
%>

最近发表
标签列表