JS页面跳转并传值

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

JS页面跳转并传值

失散多年的哥哥   2022-06-20 我要评论

初次尝试js实现值的传输和调用,想做一个界面登录系统,通过js实现将输入的值传到另外一个jsp文件中,却被卡了挺久。
js的变量都是局部变量,网上众说纷纭,尝试了很多种依旧无法实现。

如图所示,读取账号密码的内容(如下)

html

<form  method="get" id="myForm">
         <div class="account clearfix">
           <span>账 号:</span>
           <input  type="text" id="nm" name="userName" />
         </div>
         <div class="password clearfix">
            <span>密 码:</span>
            <input  type="text" id="pw" name="password" />
         </div>
    
           <div class="btn">
              <span id="login"><a>登录</a></span>
              <span class="forget"><a href="password.html" >修改密码</a></span>
      </div>
</form>

JS

<script type="text/javascript">
            $(document).ready(function(){
                $('#login').on('click','a',function(){
                    var aVal = $('.identifire select');
                    if (aVal.val() == '学生') {
                        document.getElementById("myForm").action="stulogin.jsp";
                        document.getElementById("myForm").submit();
                    } else if (aVal.val() == '教师教辅人员'){
                        $(this).attr('href','TeacherIndex.html');
                    }
                });
            });
</script>

被输入的值存于userName和password中
在js中由下方实现

document.getElementById("myForm").action="stulogin.jsp";
document.getElementById("myForm").submit();

submit提交表单,页面在点击id=login的a标签后实现跳转
另一端jsp如下实现读取

String name1=request.getParameter("userName");
String password1=request.getParameter("password");

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们