JS实现页面跳转并传值

简介: JS实现页面跳转并传值

JS实现页面跳转并传值

初次尝试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");


相关文章
|
7月前
|
存储 JavaScript
JS中从a页面跳转到b页面,自动执行一次点击事件
JS中从a页面跳转到b页面,自动执行一次点击事件
|
7月前
|
JavaScript Go
JS中页面跳转的几种方法
JS中页面跳转的几种方法
109 0
|
2月前
|
JavaScript 前端开发 UED
JavaScript 地址信息与页面跳转
JavaScript 地址信息与页面跳转
72 1
|
2月前
|
JavaScript 前端开发 UED
JavaScript 地址信息与页面跳转
JavaScript 地址信息与页面跳转
45 0
|
4月前
|
JavaScript 前端开发
JavaScript 地址信息与页面跳转及跳转传参
JavaScript 地址信息与页面跳转及跳转传参
38 1
|
4月前
|
JavaScript 前端开发 UED
JavaScript 地址信息与页面跳转
JavaScript 地址信息与页面跳转
|
4月前
|
JavaScript
js怎样控制浏览器前进、后退、页面跳转
js怎样控制浏览器前进、后退、页面跳转
64 0
|
7月前
|
JavaScript 索引
用原生js的postMessage实现iframe传值,也可以用于跨域嵌套iframe传值
用原生js的postMessage实现iframe传值,也可以用于跨域嵌套iframe传值
用原生js的postMessage实现iframe传值,也可以用于跨域嵌套iframe传值
|
6月前
|
移动开发 JavaScript 前端开发
JS中页面跳转的几种方法
JS中页面跳转的几种方法
1245 2
|
7月前
|
JavaScript 安全 前端开发
js控制浏览器前进、后退、页面跳转
js控制浏览器前进、后退、页面跳转
76 3