<!DOCTYPE html>
<html>
<head>
<title>Ajax登录请求_get请求</title>
<meta charset="utf-8" />
<script type="text/javascript">
//定义ajax浏览器对象
var request;
function login(){
//补全ajax提交代码
request = new XMLHttpRequest();
request.onreadystatechange = function(){
if(request.readyState == 4 && request.status==200){
document.getElementById("div1").innerHTML= request.responseText;
}
};
var password = document.getElementById("password").value;
request.open("get","res/htmlclassics/php/test_login.php?&password="+password,false);
request.send(null);
}
</script>
</head>
<body>
<h2>用户登录</h2>
<br/><br/>
<b>用户名:XueSheng</b>
<br/><br/>
<b>密码:</b><input id='password' value='987654' disabled="disabled"/>
<br/><br/>
<input type="button" value="登录" οnclick="login()" />
<br/><br/>
<div id="div1" style="color:red;font-weight:bold;font-size:20px;"></div>
</body>
</html>
HTML中Ajax应用实战用户登录
于 2022-04-23 10:10:45 首次发布