java web中，js外部文件如何获取后台的变量呢？
项目使用spring MVC框架，
IDE:eclipse；
使用maven构建
控制器（OsTypeController.java）如下：
package com.ct.web.controller;
import java.util.Date;
import java.util.List;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.SessionAttributes;
import com.ct.dao.OsTypeDao;
import com.ct.entity.OsType;
import com.time.util.TimeHWUtil;
@Controller
@RequestMapping("/osType")
@SessionAttributes("practiceWay")
public class OsTypeController {
private OsTypeDao osTypeDao;
private String redirectViewAll="redirect:/osType/viewAll";
@RequestMapping(value = "/add")
public String addInputOsType(String practiceWay,Model model){
model.addAttribute("practiceWay", practiceWay);
System.out.println("practiceWay:"+practiceWay);
return "osType/addOSType";
}
/******************************************************************/
public OsTypeDao getOsTypeDao() {
return osTypeDao;
}
@Autowired
public void setOsTypeDao(OsTypeDao osTypeDao) {
this.osTypeDao = osTypeDao;
}
}
控制器方法addInputOsType 对应的页面(addOSType.jsp)如下：
<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Insert title here</title> <script type="text/javascript"
src="<%=path%>/static/js/Module.js"></script>
<script type="text/javascript" src="<%=path%>/static/js/common_util.js"></script>
<script type="text/javascript" src="<%=path%>/static/js/test.js"></script>
</head>
<body>
<center>
<h1><span id="titleSpan">add </span> </h1>
<input type="hidden" value="${sessionScope.practiceWay}" name="hidpracticeWay" />
<a href="javascript:history.go(-1)" >return </a> |
<a href="index.jsp" >index</a> | <a href="osType/viewAll">view all</a>
<form action="osType/save" name="inputform" >
<table>
<tr>
<td>os name:</td>
<td><input type="text" name="name" /></td>
</tr>
<tr>
<td colspan="2" ><input type="submit"
value=" o k " id="submit_btn" /></td>
</tr>
</table>
<div id="hidden_div"></div>
</form>
</center>
</body>
</html>
其中外部js文件（test.js）如下：
alert("111:${sessionScope.practiceWay}");
window.onload =function a()
{
alert("method:a");
alert("444:${sessionScope.practiceWay}");
alert("hid:"+document.getElementsByName("hidpracticeWay")[0].value);
};
在浏览器中输入http://localhost:8088/demo_channel_terminal/osType/add?practiceWay=random
运行结果：
对应的是外部js文件（test.js）的执行结果。
所以我们可以得出结论：
在外部js文件获取后台变量的方式就是通过获取页面隐藏域的值。
具体步骤：
（1）把后台变量设置到页面隐藏域中，例如
<input type="hidden" value="${sessionScope.practiceWay}" name="hidpracticeWay" />
（2）在外部js文件中获取隐藏域的值，例如
alert("hid:"+document.getElementsByName("hidpracticeWay")[0].value);
那么在jsp页面中的js代码中如何获取后台变量的值呢？
请参阅我的下一篇日志
附件是项目，采用maven构建
相关推荐
在thymeleaf网页中，js获取后台model传递过来的对象很重要，这对减少数据库...获取model传过来的简单变量很简单，但是获取它传过来的对象不容易。 本例是js获取后台通过model传过来的数组列表，希望对同人们有所帮助。
结果就是函数内部的所有变量都会被立即销毁--除非将某些变量赋值给了包含作用域（即外部作用域）中的变量。 闭包还可以用于在对象中创建私有变量，相关概念和要点如下： 即使JavaScript中没有正式的私有对象属性...
2.25 在Action和ServiceSpringImpl中读取资源文件 65 2.26 异常管理 65 2.26.1 分类概述 65 2.26.2 异常与系统架构的关系图 66 2.26.3 异常类的使用方法 67 2.26.3.1 ExceptionCause 67 2.26.3.2 BusinessException...
2. xhEditor进阶使用 ...说明：此函数可以在插件内部或者外部Javascript代码中进行调用 showModal：显示模式窗口 参数1：模式窗口的标题title 参数2：模式窗口的内容content 参数3：模式窗口的宽度w ...
1.2.2 链接外部JavaScript文件 1.2.3 注意事项 1.3 基础语法 1.3.1 数据类型 1.3.2 变量与常量 1.3.3 运算符 1.4 流程控制语句 1.4.1 if条件语句 1.4.2 switch条件语句 1.4.3 while循环语句 1.4.4 do ...
1.2.2 链接外部JavaScript文件 1.2.3 注意事项 1.3 基础语法 1.3.1 数据类型 1.3.2 变量与常量 1.3.3 运算符 1.4 流程控制语句 1.4.1 if条件语句 1.4.2 switch条件语句 1.4.3 while循环语句 1.4.4 do ...
UF招生的教师前端 目的 该存储库代表了用于替代佛罗里达大学招生实用程序的所有前端开发。 工作将作为我们小组的... 确保您的 PATH 环境变量包括 ./node_modules/.bin npm install grunt地在 外部依赖 MongoDB 服务器
6.3.6 JavaScript获取XML内容 259 6.3.7 项目案例：通用自定义XML配置类 263 6.4 ADO．NET与XML 266 6.4.1 读XML文档到DataSet 266 6.4.2 DataSet转为XML文档 267 6.5 项目案例1：实现网站的RSS应用 267 6.6 项目...
6.3.6 JavaScript获取XML内容 259 6.3.7 项目案例：通用自定义XML配置类 263 6.4 ADO．NET与XML 266 6.4.1 读XML文档到DataSet 266 6.4.2 DataSet转为XML文档 267 6.5 项目案例1：实现网站的RSS应用 267 6.6 项目...
'5、添加相关文章显示个数的设置，参见/inc/config.asp中RelateNews变量. 'TOT-CMS4.0.3版更新 '1、新闻添加时不在自动将新闻列表页生成静态，改成在新闻添加后提示发布。(这样您可以在添加完文章后分步发布栏目，以...
宣告变量名称的同时，加上“final”关键词来限定，这个变量一但指定了值，就不可以再改变它的值 如：final int n1= 10; n1=20; 这就会报错 输出命令： System.out.println() 会自动换行的打印 System.out....