js中变量和jsp中java代码中变量互相访问解决方案

来源：互联网发布：win7下nginx配置php 编辑：程序博客网时间：2024/05/22 14:17

1。js变量获取jsp页面中java代码的变量值。

方法：var JS变量名 = <%=JAVA变量名 %>

我们常常会将js文件和jsp文件分开写，在js文件中，上面的方法似乎不管用了。

也可以通过变通的方法来解决：

a.jsp   <% String name = "zhangsan" %>  <input type=”hidden“ name=“a” id="a" value="<%=name%>"

aa.js

      var n = document.getElementById('a').value;

使用jquery这样做也更方便

2。java代码获取js变量的值。
说明：在JSP中；Java部分是在服务器端执行的；js部分是在客户端的浏览器执行的；二者完全不相干。因此直接在JSP页面上是无法在js、java和HTML变量之间进行调用的。
变通（解决方案）：将js变量放到form中的一个；在后台从form中取出变量放到隐藏域中；然后提交表单给要调用变量的页面。这个页面可以就是本身。示例如下：
bb.jsp页面：
    <% String test5 = (String)request.getAttribute("test4"); %>
      <script type="text/javascript">
       var test1 = '111'; //定义js变量
       document.form.test2.value = test1;
       //将js变量的值放到form中的一个隐藏域中
       var formObj = document.getElementById('passForm');
       formObj.submit();
      </script>
     <form method="post" action="aa.jsp" id ="passForm">
     <input id = 'test2' type = 'hidden' name="test2">
     </form>
  aa.jsp页面中的Java代码：
  <%
    request.setCharacterEncoding("utf-8");
    String txtMsg = request.getParameter("test2");
    out.println(txtMsg);
  %>

注：如果同一个页面自己给自己传值，aa.jsp和bb.jsp可以为同一页面。

JS和页面调用JSP变量的一个实际例子如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  <%  String path = request.getContextPath();  String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  %>  <%      String tag=request.getParameter("tag");      request.setAttribute("tag",tag);   %>  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  <html>    <head>            <title>User login</title>            <meta http-equiv="pragma" content="no-cache">      <meta http-equiv="cache-control" content="no-cache">      <meta http-equiv="expires" content="0">          <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">      <meta http-equiv="description" content="This is my page">         <script type="text/javascript" src="jquery-1.8.3.min.js"></script>       <script type="text/javascript" >          $(function(){                            //change 验证码              $("#changeCode").click(function(event){                  $("#validateCode").attr("src","jsp/MakeCodePicture.jsp?ran"+Math.random());                  event.preventDefault();  $(".thbdisplayName").html("tangtang");                return false;                 });                          //send mobile code and change authcode also            $("#sendCode").click(function(event){            alert("ActivationCode is sent to mobile,$basePath");            //refresh graph auth code                $("#validateCode").attr("src","jsp/MakeCodePicture.jsp?ran"+Math.random());                  event.preventDefault();                  return false;                 });                          //check authcode is correct              $("#passwords").blur(function(){                  $.post(                      "jsp/ValidateCode.jsp",                      "inputCode="+$("#passwords").val(),                      function(result){                          if($.trim(result)=="true"){                              $("#cl").html("<span style='color:green'>Authcode Match</span>");                              }else{                              $("#cl").html("<span style='color:red'>Authcode DisMatch</span>");                            }                      }                  );              }); $("#thbdisplayID").html("<%=basePath%>");        });     </script>      </head>      <body>  <div class="wrap">  <!-- main begin-->   <div class="main">      <div class="sidebarg">      <div class="thbdisplayName" id="thbdisplayID"></div>         <form action="UserLogn.jsp" method="get">      <div class="login">         <dl>          <dt class="blues">User Login</dt>           <dd><label for="name">UserName：</label>              <input type="text" name="auctionuser.username" class="inputh" value="${username}" id="name"/></dd>          <dd><label for="password">PassWord：</label>              <input type="password" name="auctionuser.userpassword" class="inputh" value="${userpassword}" id="password"/></dd>         <dd>             <label class="lf" for="passwords">AuthCode：</label>             <input type="text" name="inputCode" class="inputh inputs lf" value="" id="passwords"/>             <span class="wordp lf"><img id="validateCode" src="jsp/MakeCodePicture.jsp" width="86" height="27" alt="" /></span>             <span class="blues lf"><a id="changeCode" href="javascript:void(0);" title=""> refresh</a> <a id="cl"></a></span>                   </dd>           <dd><label for="Mobile">MobileNum：</label>           <input type="text" name="mobile" class="inputh" value="${mobileNum}" id="mobilenum"/>           <span class="wordp lf"><a id="sendCode" href="javascript:void(0);" title="">Send ActivationCode</a> <a id="cl"></a></span></dd>                      <dd class="buttom">             <input name="" type="submit" value="submit" class="spbg buttombg f14 lf" />             <div class="cl"></div>          </dd>                    </dl>      </div>      </form>     </div>    <div class="cl"></div>   </div>  <!-- main end-->     <!-- footer begin-->  </div>   <!--footer end-->  </body>  </html>

阅读全文

0 0