内部js代码获取后台变量-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

内部js代码获取后台变量

简介:

Java Web中,内部js代码如何获取服务器后台的变量呢?

根据jsp页面使用的标签不同有一下几种情况:

(1)页面使用EL表达式,使用spring MVC

内部js代码:

Js代码  收藏代码
  1. alert("222:${sessionScope.practiceWay}");  
  2. var practiceWay=String("${sessionScope.practiceWay}");  

 

(2)页面使用struts标签

Js代码  收藏代码
  1. var length=Number("<s:property value="list.size"  />");  
  2.   alert("length:"+length);  
  3. var isEdit = "<s:property value="isEdit"  />";  
  4.         var id = "<s:property value="goods.id"  />";  
  5. var supermarkets_size = Number("<s:property value="supermarkets.size"  />");  

 

(3)页面使用jstl标签:

Js代码  收藏代码
  1. var sum_question=Number("${fn:length(studentPages.list)}");  

 

错误的做法

 

var length=Number("<s:property value=\"list.size\"  />");

 

js外部文件中写<%=com.dict.Constant2.COOKIE_KEY_PASSWORD %> 是不对

Js代码  收藏代码
  1. $(function(){  
  2.     var $username=$("#username");  
  3.     var $password=$("#password");  
  4.     var $issavePasswd=$("input[name=issavePasswd][type=checkbox]");  
  5.       
  6.     var usernameVal=null;  
  7.     var passwordVal=null;  
  8.     usernameVal=com.whuang.hsj.getCookie("<%=com.dict.Constant2.COOKIE_KEY_USERNAME %>");  
  9.     passwordVal=com.whuang.hsj.getCookie("<%=com.dict.Constant2.COOKIE_KEY_PASSWORD %>");  
  10.     if(com.whuang.hsj.isHasValue(usernameVal)){  
  11.         $username.val(usernameVal);  
  12.     }  
  13.     if(com.whuang.hsj.isHasValue(passwordVal)){  
  14.         $password.val(passwordVal);  
  15.         com.whuang.hsj.setSelectedCheckbox($issavePasswd.get(0));  
  16.     }  
  17. });  

 

 

总结:在js 代码中可以直接写JSP代码,上述代码中,不要对引号转义。

 

示例:

Html代码  收藏代码
  1. <?xml version="1.0" encoding="UTF-8" ?>  
  2. <%@ page language="java" contentType="text/html; charset=UTF-8"  
  3.     pageEncoding="UTF-8"%>  
  4. <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>  
  5. <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>  
  6. <%  
  7.     String path = request.getContextPath();  
  8.     String basePath = request.getScheme() + "://"  
  9.             + request.getServerName() + ":" + request.getServerPort()  
  10.             + path + "/";  
  11. %>  
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  13. <html xmlns="http://www.w3.org/1999/xhtml">  
  14. <head>  
  15. <base href="<%=basePath%>">  
  16.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
  17.     <title>Insert title here</title> <script type="text/javascript"  
  18.         src="<%=path%>/static/js/Module.js"></script>  
  19.     <script type="text/javascript" src="<%=path%>/static/js/common_util.js"></script>  
  20.     <script type="text/javascript" src="<%=path%>/static/js/test.js"></script>  
  21.     <script type="text/javascript" >  
  22.      window.onload = function() {  
  23.         var isEdit = "${isEdit }";  
  24.         if (isEdit != null && isEdit == "yes") {  
  25.             //alert("edit");  
  26.             var inputform = com.whuang.hsj.$$one("inputform");  
  27.             //modify the target action fo form  
  28.             inputform.action = "osType/update";  
  29.             var titleSpan = document.getElementById("titleSpan");  
  30.             //alert(titleSpan);  
  31.             titleSpan.innerHTML = "edit os";  
  32.             var hidden_div = document.getElementById("hidden_div");  
  33.             hidden_div.innerHTML = '<input type="hidden" name="id" value="${os.id }" ></input>';//id of goods for update   
  34.   
  35.             var osTypeName=com.whuang.hsj.$$one("name");  
  36.             osTypeName.value=String("${os.name}");  
  37.               
  38.         }  
  39.         //alert("222:${sessionScope.practiceWay}");  
  40.         var practiceWay=String("${sessionScope.practiceWay}");  
  41.         alert("333:"+practiceWay);  
  42.         a();  
  43.     };  
  44.     </script>  
  45. </head>  
  46. <body>  
  47.     <center>  
  48.     <h1><span id="titleSpan">add </span> </h1>  
  49.     <input type="hidden" value="${sessionScope.practiceWay}" name="hidpracticeWay" />  
  50.     <a href="javascript:history.go(-1)" >return </a>&nbsp;|&nbsp;  
  51.     <a href="index.jsp" >index</a>&nbsp;|&nbsp;<a href="osType/viewAll">view all</a>  
  52.         <form action="osType/save" name="inputform" >  
  53.             <table>  
  54.                 <tr>  
  55.                     <td>os name:</td>  
  56.                     <td><input type="text" name="name" /></td>  
  57.                 </tr>  
  58.                 <tr>  
  59.                     <td colspan="2" ><input type="submit"  
  60.                         value="&nbsp;&nbsp;o&nbsp;k&nbsp;&nbsp;" id="submit_btn" /></td>  
  61.                 </tr>  
  62.             </table>  
  63.             <div id="hidden_div"></div>  
  64.         </form>  
  65.     </center>  
  66. </body>  
  67. </html>  

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章
最新文章
相关文章