作者absszero (absszero)
看板Ajax
标题Re: [ajax] (将code写活的)要如何利用 javascript …
时间Mon Nov 9 16:46:50 2009
我将 xhr 提出来成为一个全域变数，因为showMsg()也会用到
passwd 跟 name 的部份都暂时用数值带入。
底下是HTML的部份，不包含JSP Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type = "text/javascript">
var xhr;
function sendRequest() {
var url, qs;
var name, passwd;
xhr = createXMLHttp();
if (xhr) {
passwd = 'aaa';
name = "ee";//指派ee给name
url = "test.jsp";
qs = "account=" + name + "&passwd=" + passwd;
xhr.onreadystatechange = showMsg;
xhr.open("POST", url, true); // 非同步传输 + POST
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xhr.send(qs); //查询字串
}
}
function createXMLHttp() {
try {
return new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
return new ActiveXObject("Microsoft.XMLHTTP");
} catch (e1) {
try {
return new XMLHttpRequest();
} catch (e2) {
return null;
}
}
}
}
function showMsg() {
var strMsg;
if (xhr.readyState == 4 && xhr.status == 200) {
strMsg = "<hr>已成功接收，伺服器的回传结果是：<p>" +
xhr.responseText;
document.getElementById("disp").innerHTML = strMsg;
}
}
</script>
</head>
<body>
<form id="aForm" action="test.jsp">
帐号：<input name="account" size="20"><br>
密码：<input name="passwd" type="password" size="10"><p>
<input type="button" value="送出去" onclick="sendRequest()">
<input type="reset" value="这次不算"></p>
<div id="disp"></div>
</form>
</body>
</html>
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 60.244.36.131
1F：推 nation6238:感谢你热心回复~问题已经解决了 11/10 16:44