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

最新推荐文章于 2024-02-17 13:45:00 发布

wangjian_an

最新推荐文章于 2024-02-17 13:45:00 发布

阅读量811

点赞数

分类专栏： tomcat和Servlet 文章标签： java ajax 技术

本文链接：https://blog.csdn.net/wangjian_an/article/details/52060413

版权

tomcat和Servlet 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

仿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>

wangjian_an

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
java后台--底层ajaxs,隐藏帧技术（与后台交接不是通过js判断)

仿AJax技术，也是Ajax的原理写一个form表单，把要与后台交接的地方隐藏起来，不给用户看到，也就实现了隐藏帧技术这是注册界面reg.jsp<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//
复制链接

扫一扫

专栏目录