在独立的JS中如何引用JSP变量

最新推荐文章于 2021-02-19 00:51:08 发布
最新推荐文章于 2021-02-19 00:51:08 发布
阅读量1.2k 收藏 2
点赞数
文章标签： git javascript java ViewUI
原文链接：https://my.oschina.net/u/3525396/blog/1588163
版权

问题：独立的js中不能直接用EL表达式获取值，比如取项目名的时候取不到 
那该怎么获取呢？
方式一：在页面中定义js的全局变量，然后在js中直接引用全局变量。注意js的引入要在全局变量的定义之后。利用include指令可以很好的把项目地址做到公用。其他页面使用的时候，只要引入common.jsp页面，js中就可以使用basePath全局变量了
方式二：通过把EL中的值先放到隐藏域，然后通过隐藏域获取

项目结构

235714_ve6M_3525396.png

index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>js中如何引用页面变量</title>
<%@ include file="common.jsp" %>
</head>
<body>
	问题：独立的js中不能直接用EL表达式获取值，比如取项目名的时候取不到 </br>
	
	那该怎么获取呢？</br>
	方式一：在页面中定义js的全局变量，然后在js中直接引用全局变量。注意js的引入要在全局变量的定义之后。利用include指令可以很好的把项目地址做到公用。其他页面使用的时候，只要引入common.jsp页面，js中就可以使用basePath全局变量了</br>
	方式二：通过把EL中的值先放到隐藏域，然后通过隐藏域获取</br>
	
	<input type="hidden" value="${pageContext.request.contextPath}" id="context_path">
</body>
<script type="text/javascript" src="static/index.js"></script>
</html>

 

common.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<script type="text/javascript">
	//获取项目名
	var contextPath = "${pageContext.request.contextPath}";
	//获取完整的项目访问路径,比如http://localhost:8080/项目名
	var basePath = "${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}"+contextPath;
</script>

 

index.js

//通过EL表达式无法直接获取
alert("EL表达式无法直接取项目路径=${pageContext.request.contextPath}");

//方式一：在页面中定义js的全局变量，然后之间引用。注意js的引入要在全局变量的定义之后
alert("全局变量方式获取basePath=" + basePath);

//方式二：通过把EL中的值先放到隐藏域，然后通过隐藏域获取
var context_path = document.getElementById("context_path").value;
alert("把EL中的值先放到隐藏域，然后通过隐藏域获取，context_path="+context_path);

git地址：https://github.com/ftpxzxh/web-path.git

转载于:https://my.oschina.net/u/3525396/blog/1588163

cihuaiou3540
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在JS中如何调用JSP中的变量
12-09
在JS中调用JSP中的变量: 代码如下: <% int coblid=Integer.parseInt(request.getParameter(“blid”)); %> [removed] var coblid='<%=coblid%>’ ; [removed]
js 文件引用jsp文件中的变量
皮蛋瘦肉的博客
04-18 5398
项目中是在jsp的公共文件中定义一些公共变量，已方便其他jsp文件引用，有时js文件也需要引用。比如项目相关的路径。 jsp中定义 定义变量contextPath的值为pageContext.request.contextPath 这个是获取工程那个路径。 &lt;c:set var="contextPath" value="${pageContext.request.contextPat...
js 中调用JSP中的变量 或数据
huaishuming的专栏
12-15 6439
开发JSP的程序都需要用到JS的效果，下面介绍基于JQUERY的JS文件引用JSP的数据实例。 1. 在jsp 中设置： 2. 命名一个属性：      <testData testValue="${test}" >testData> 3.js获取 function getProvider() { return $("ticketFreeData
在JS中用JSP中的变量
weixin_30585437的博客
10-25 102
做项目的时候，发现如果用js处理jsp之间的页面跳转会看着舒服一些，于是用js做的。 但是在js重定向的时候，发现参数直接写在URL中会有问题，只能这样，才能得到正确的参数： <script type="text/javascript"> var szClear = '<%=szClear%>'; var szPlateColor = '<%=szPlateC...
在JS中调用JSP中的变量
PS101505138的专栏
01-21 1563
在JS中调用JSP中的变量: int coblid=Integer.parseInt(request.getParameter("blid")); %>  var coblid='' ;
jsp中变量及方法的声明与使用
01-08
本文实例讲述了jsp中变量及方法的声明与使用。分享给大家供大家参考，具体如下： <%@ page language=java import=java.util.* contentType=text/html;charset=GBK%> <% String path = request....
js中获取jsp表单中radio类型的值简单实例
11-22
在JavaScript和JSP开发中，我们经常会遇到需要处理表单数据的情况，特别是当表单包含单选按钮（radio）时。单选按钮通常用于让用户在多个选项中选择一个。本篇将详细介绍如何在JavaScript中获取JSP表单中radio类型的...
JSP与JS交互问题 值传递
10-30
在Web开发中，JSP（Java Server Pages）和JS（JavaScript）都是常用的技术，但是在实际开发中，两者之间的交互问题经常会出现，特别是在值传递方面。本文将讨论JSP与JS交互问题的值传递，包括在JSP中访问JS返回的值...
javascript中使用jsp变量
周游世界
06-30 3866
1、javascript中使用jsp的变量    由于javascript是在客户端执行，而jsp在服务器端执行，所以正常情况他们不能互相访问，可以把变量都写到客户端或者都写到服务器端(1)都写到客户端    String[]   arr   =   {"aaa","bbb","ccc"};    %>         var   array   =   new   array("","",""
jsp 页面中 js调用 Jsp变量
haotrace的博客
10-09 550
javascipt调用jsp变量： //下面的javascipt可以直接调用变量tbname alert(tbname); //在js文件中的javascipt一样可以直接使用变量 tbname 啊。 反正两个原则记好： 1、jsp代码中可以构造javascipt语句，当然包括定义备用的javascipt的变量 2、理论上在整个页面中，任何一个地方定义的ja...
js调用jsp变量
走在成功的路上
09-08 235
在js调用jsp变量时,在最外面加单引号var js变量 = '&lt;%= jsp变量 %&gt;';   例如: 在jsp页面中有 &lt;% String str="123"; %&gt;   在JavaScript中有 function getStr() { var str_tmp = '&lt;%= str %&gt;' ; aler...
javascript 调用 jsp的变量
sclxf的专栏
10-17 656
找下面写法。注意，加单引号，第2个百分号之前没有空格，而在jsp中调用的话要空格。 You may be get some help from the code below. String str="str";%> function accessVar(){ var varStr=; alert(varStr);
在js代码中调用jsp的变量
weixin_34296641的博客
04-16 215
&lt;% int coblid=Integer.parseInt(request.getParameter("blid")); %&gt; &lt;script&gt; var coblid='&lt;%=coblid%&gt;'; &lt;/script&gt; http://www.jb51.net/article/46084.htm
js中如何调用Jsp中的变量
zygzzp的专栏
06-11 3164
js中如何调用Jsp中的变量 var c = ;
JS嵌入JSP代码
李静静
06-06 8637
关于：JavaScript接收后台传来的JsonArray尽管编译JS和JSP的对象不一样，但是遇到比较棘手的问题，JS+JSP也能够在一起帮助你解决问题。这次项目（黄淮二手商城）的前台是交给我的一个好朋友Jin同学做的，她在遍历商品的时候，用的JQery遍历JSONArr。我在后台处理的时候看到这个问题，第一反应也是使用Ajax异步刷新处理，但是我在想尽然只需要后台传过来一个JSONArr，那我...
js 调用jsp java代码_如何在 js 代码中使用 jsp 标签或 Java 代码
weixin_36483061的博客
02-19 3192
JSP 标签还是很方便的，比如 Struts、Spring 等提供给我们的 JSP标签，可以用它们来获取变量或进行一些计算。比如 struts2 的 会为我们自动在前面附加上应用上下文，如实际会生成/testsite/admin/unmi.action。还有更多更方便的标签使用，比如用标签获取到 session 或请求中的数据作为js 的变量等。引申此话题的，其实不光是在 JS 中使用 JSP 标...
关于js代码中插入jsp代码，从而实现利用js代码把“jsp计算的值”给html元素赋值
shijiankanke的博客
03-24 913
经实验，标题中的说法，是可以完美无缝的实现的。 前提是理解： 开篇必须明确一点：在JSP中，Java部分是在服务器端执行的，js部分是在客户端的浏览器执行的。 在同一个jsp文件中，java先运行，js后运行，java可以生成一段js代码，保证js运行得到相应的结果。 1）因此js中获取jsp中的java变量，可以用java定义js变量的方式来传递数据，例如： jsp中的java变量 <% ...
js文件引用JSP EL vo
QueenJade的收录
11-16 782
首先要明白一个执行流程，jsp属于服务器段的解析，加载到浏览器，浏览器在加载js去解析渲染，js属于浏览器段的执行脚本。 所以建议引用js文件的时候都写在js最后。 原先做法是在jsp页面引入头文件 然后在js文件里头使用使用${isShow}，结果是直接输出，并没有被解析出来。 因为是js代码是单独出来的文件，然后引入到jsp页面。现在我们可
jsp 引用js变量
最新发布
06-01
在 JSP 中引用 JavaScript 变量，可以通过以下步骤实现： 1. 在 JSP 页面中引入 JavaScript 文件，例如： ```html <script src="yourfile.js"></script> ``` 2. 在 JavaScript 文件中定义需要引用的变量，例如： ```javascript var yourVar = "Hello, world!"; ``` 3. 在 JSP 页面中使用 JSP 表达式语法，例如： ```html <p><%=yourVar%></p> ``` 或者使用 JSTL 标签，例如： ```html <c:set var="yourVar" value="<%=yourVar%>"/> <p><c:out value="${yourVar}"/></p> ``` 这样就可以在 JSP 页面中引用 JavaScript 变量了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值