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

最新推荐文章于 2023-10-12 22:13:13 发布

大树叶

最新推荐文章于 2023-10-12 22:13:13 发布

阅读量5k

点赞数 1

分类专栏： java jsp 文章标签： java jsp javascript

本文链接：https://blog.csdn.net/bigtree_3721/article/details/78033140

版权

java 同时被 2 个专栏收录

494 篇文章 1 订阅

订阅专栏

jsp

2 篇文章 0 订阅

订阅专栏

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>

大树叶

关注

1
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
js中变量和jsp中java代码中变量互相访问解决方案

1。js变量获取jsp页面中java代码的变量值。方法：var JS变量名 = 我们常常会将js文件和jsp文件分开写，在js文件中，上面的方法似乎不管用了。也可以通过变通的方法来解决：a.jsp "aa.js var n = document.getElementById('a').value;使用jquery这样做也更方便
复制链接

扫一扫

专栏目录