ajax实例2

来源：互联网发布：淘宝买药货到付款规则编辑：程序博客网时间：2024/04/30 08:27

P3.jsp

<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>My JSP 'p1.jsp' starting page</title>

</head>

<body>

function login(){

var account = document.loginForm.account.value;

var password = document.loginForm.password.value;

var xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");

xmlHttp.open("GET", "p4.jsp?account="+account+"&password="+password, true);

xmlHttp.onreadystatechange=function() {

if (xmlHttp.readyState==4) {

//xmlHttp.responseText纯粹表示p4.jsp输出的内容，

result.innerHTML = xmlHttp.responseText;

}

else{

result.innerHTML = "正在登陆，请稍等";

}

xmlHttp.send();

}

</SCRIPT>

请您登陆. <hr>

请您输入账号:<input type="text" name="account"><BR>

请您输入密码:<input type="password" name="password"><BR>

</form>

</body>

</html>

P4.jsp

<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>

String account = request.getParameter("account");

String password = request.getParameter("password");

if(account.equals(password)){

out.print("<a href=ope.jsp>登陆成功,到达操作页面</a>");

}

else{

out.print("登陆失败");

}