login.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link type="text/css" href="app.css" rel="stylesheet">
<meta name="viewport" content="width=device-width; initial-scale=1.4; minimum-scale=1.0; maximum-scale=2.0"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<script type="text/javascript" language="JavaScript">
function login(){
var account=document.getElementById('account');
var password=document.getElementById('password');
if(account.value==""){
alert("请输入帐号");
account.focus;
return;
}
if(password.value==""){
alert("请输入密码");
password.focus;
return;
}
var xmlHttp;
//创建XMLHttpRequest对象
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XmlHttp");
} else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
xmlHttp.onreadystatechange = function(){
if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
//发送到服务器之后返回的消息
document.getElementById('msg').innerHTML=xmlHttp.responseText;
}
}
}
var url="test.php";
var queryString="account=" + account.value;
xmlHttp.open("post",url,true);
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");
xmlHttp.send(queryString);
}
</script>
</head>
<body >
<div class="appList" >
<table border="0" cellpadding="1" cellspacing="1" bordercolor="#AA7E7B">
<tr>
<td>
帐号:
</td>
<td>
<input id="account" type="text" maxlength="100" /><br/>
</td>
</tr>
<tr>
<td>
密码
</td>
<td>
<input id="password" type="password" maxlength="100" />
</td>
</tr>
</table>
<input type="button" value="登录" onclick="login()"/>
<div id="msg"></div>
</div>
</body>
</html>
test.php
<?php
if(isset($_REQUEST['account'])){
echo "get account:".$_REQUEST['account'];
}
?>