JS实现页面跳转并传值

Answer 1

在实现页面跳转并传值的过程中，我遇到了一些挑战。起初，我尝试通过JS实现值的传输和调用，以创建一个简单的登录系统。然而，由于JS的变量作用域问题，我在实现过程中遇到了困难，尽管尝试了多种方法，仍然无法成功。

我设计了一个HTML表单，用于输入账号和密码。表单的内容如下：

htmlform ?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中，我使用了jQuery来处理表单提交和页面跳转。具体代码如下：

JSscript 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

当用户点击“登录”链接时，JS会根据选择的用户类型决定跳转到不同的页面。对于“学生”选项，页面会提交表单至“stulogin.jsp”，并在该页面中读取传递的参数。而对于“教师教辅人员”，页面会直接跳转至“TeacherIndex.html”。

在“stulogin.jsp”页面中，通过以下代码读取传递的参数：

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

以上就是本文的主要内容，希望对大家的学习有所帮助。