📄 17-8.htm
字号:
<html>
<head>
<title>
使用POST方法为XMLHTTPRequest创建查询串
</title>
<script language="javascript">
var xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
function createQuerystring()
{
name=document.getElementById("username").value;
if(document.getElementById("sex1").checked==true) sex="男"
else sex="女";
year=document.getElementById("year").value;
month=document.getElementById("month").value;
day=document.getElementById("day").value;
var querystring="name="+name+"&sex="+sex+"&year="+year+"&month="+month+"&day="+day;
return querystring;
}
function go()
{
var date=new Date();
temp=date.getTime();
var url="17-8.php?timestamp="+temp;
Querystring=createQuerystring();
xmlHttp.open("POST",url,true); //打开请求
xmlHttp.setRequestHeader("content-length",Querystring.length);
xmlHttp.setRequestHeader("content-type","application/x-www-form-urlencoded");
xmlHttp.onreadystatechange=handle_f; //定义句柄函数
xmlHttp.send(Querystring); //向服务器发送请求
}
function handle_f()
{
if(xmlHttp.readyState==4) //如果传递完成
{
if(xmlHttp.status==200) //如果服务器返回OK
{
parseResult(); //调用获取结果函数
}
else //如果服务器没有返回200
{
alert("执行过程中出现问题，服务器返回："+xmlHttp.statusText);
}
}
}
function parseResult()
{
var obj=document.getElementById("result");
if(obj.hasChildNodes())
{
obj.removeChild(obj.childNodes[0]);
}
text=xmlHttp.responseText;
var obj_text=document.createTextNode(text);
obj.appendChild(obj_text);
}
</script>
</head>
<body>
<form>
输入用户名：<input type="text" id="username">
<p>
选择你的性别：
男<input type="radio" name="sex" value="男" id="sex1" checked>
女<input type="radio" name="sex" value="女" id="sex2">
<p>
选择生日：
<select size="1" id="year">
<option value="1975">1975</option>
<option value="1976">1976</option>
<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
</select>
年
<select size="1" id="month">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
月
<select size="1" id="day">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
日
<p>
<input type=button value="提交" onclick="go()">
</form>
<h2>服务器返回内容为：</h2>
<div id="result">
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -