您的位置：首页 > 编程语言 > Java开发

java后台--底层ajxs,隐藏帧技术（与后台交接不是通过js判断)

2016-07-29 01:38 169 查看

仿AJax技术，也是Ajax的原理

写一个form表单，把要与后台交接的地方隐藏起来，不给用户看到，也就实现了隐藏帧技术

这是注册界面reg.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

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

<title>这是注册页面</title>
<script type="text/javascript">
function val(obj){
if(obj.name=="name"){
var value=obj.value;
if(value!=null&&value!=""){
document.getElementById("regName").value=value;
document.getElementById("regName");
document.forms[1].submit();
}
}

}
function ajaxBack(res){
if(res==1){
msg.innerHTML="用户名已经存在，请换一个!";
}else{
msg.innerHTML="恭喜，可以注册!";
}
}
</script>
</head>

<body>
<form action="<%request.getContextPath(); %>/RegServlet" method="post">
Name:<input type="text" name="name" onblur="val(this)">
<label id="msg" style="color:red;"></label>
<br/>
Pwd:<input type="password" name="pwd" "><br/>
TEL:<input type="text" name="tel" ><br/>
<input type="submit" value="注册"/>
</form>
<!--注意，一定要写target,不然会转到其他页面-->
<form target="dateFrame"  action="/jspDemo2/ValServlet" method="post">
<input id="regName" name ="name" type="hidden"><br/>
</form>
<iframe name="dateFrame" style="display: none;">

</iframe>

</body>
</html>

这是后台(隐藏的）的交接ValServlet

package cn.hncu.regServlet;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class ValServlet extends HttpServlet {

public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doPost(request, response);
}

public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {

response.setContentType("text/html;charset=utf-8");
PrintWriter out = response.getWriter();
request.setCharacterEncoding("utf-8");
String name = request.getParameter("name");
String pwd = request.getParameter("pwd");
String tel = request.getParameter("tel");
if(name!=null && name.trim().length()>0 && name.startsWith("hn")){//正式项目，应该到后台进行验证是否已经存在，这里简化了---假定hncu开头的都可以注册....
request.setAttribute("error", 1);//可以注册的
}else{
request.setAttribute("error", 0);//不能注册，该用户名已经存在!
}
request.getRequestDispatcher("/jsps/regResult.jsp").forward(request, response);
}

}

这是中转站的界面regResult.jsp

<%@page import="sun.org.mozilla.javascript.internal.ast.ParenthesizedExpression"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

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

</head>

<body>
<script type="text/javascript">
<%-- var err=<%pageContext.findAttribute("error");%>
if(err==1){
parent.document.getElementById("msg").innerHTML="恭喜，注册成功！";
}else if(err==0){
parent.document.getElementById("msg").innerHTML="用户名已经存在，请换一个!";
} --%>
parent.ajaxBack();
</script>

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航