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

最新推荐文章于 2023-03-17 06:30:00 发布
最新推荐文章于 2023-03-17 06:30:00 发布
阅读量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
    评论
如何在jsp中引用js变量
SGD_computer的专栏
07-25 2662
JSP数据和JavaScirpt数据交互使用问题的一种解决方法 对于WEB程序来说，前端（JavaScript）和后端（JSP/Servlet）是没法共用数据的，只能是后端程序（JSP）把数据输出，生成页面到前端，这时候生成的页面中的JavaScript代码才有可能得到所谓jsp的数据。同样的，只有把JavaScript里的数据提交给后端JSP代码，JSP程序中才能得到JavaScript的数...
在JS中如何调用JSP中的变量
12-09
在JavaScript (JS) 中调用JavaServer Pages (JSP) 中的变量是一个常见的需求，特别是在构建动态Web应用程序时。这通常涉及到服务器端和客户端代码之间的交互。以下将详细解释这个过程，以及如何在JS中访问JSP定义的...
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中变量的相互传递
CongBird的博客
09-28 9030
开篇必须明确一点：在JSP中，Java部分是在服务器端执行的，js部分是在客户端的浏览器执行的。 在同一个jsp文件中，java先运行，js后运行，java可以生成一段js代码，保证js运行得到相应的结果。 1）因此js中获取jsp中的java变量，可以用java定义js变量的方式来传递数据，例如： jsp中的java变量 <% String name = "666"; %>
小白学习python的第十天之函数与函数进阶
bbbbbya的博客
10-12 328
一. 函数 1.什么是返回值 """ 返回值就是从函数内部传递到函数外部的数据（默认情况下函数内部产生的新数据，在函数外部不能使用） """ def func(a, b): c = a+b print(c) func(10, 20) # print(c) # 报错 2.怎么确定函数返回值 """ 1） python中每个函数都有返回值，返回值是什么就看执行函数体的时候遇到的return关键字后面的数据是什么 如果没有遇到return，返回值就是None。 （希望作为返回值的数据在
基于java的web开发：JSP页面内实现JSP向JS的变量传值
qq_44242707的博客
07-07 705
单一变量传值 JSP代码中定义： Sting str; JS代码中定义： var string="<%=str%>"; 数组变量传值 JSP代码中定义： String str[]={"JSP","JS"}; JS代码中定义：(数组变量不能直接赋值) var string=new Array(); <% for(int i = 0;i< str.length;i++) { %> string[<%=i%>]=" <%=str[i]%> "; &l
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返回的值...
js和jsp互相传值的问题解决办法
weixin_44710155的博客
05-23 6331
1 jsp传值到js： 1.1 js函数和jsp在同一个页面的时候可以使用<%=变量%>，如： String test="测试"； <script type="text/javascript"> function test(){ var p=<%=test%> alert(p); } </script> 1.2 js函数和js...
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文件中的变量
皮蛋瘦肉的博客
04-18 5398
项目中是在jsp的公共文件中定义一些公共变量，已方便其他jsp文件引用，有时js文件也需要引用。比如项目相关的路径。 jsp中定义 定义变量contextPath的值为pageContext.request.contextPath 这个是获取工程那个路径。 &lt;c:set var="contextPath" value="${pageContext.request.contextPat...
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中的变量
weixin_30585437的博客
10-25 102
做项目的时候，发现如果用js处理jsp之间的页面跳转会看着舒服一些，于是用js做的。 但是在js重定向的时候，发现参数直接写在URL中会有问题，只能这样，才能得到正确的参数： <script type="text/javascript"> var szClear = '<%=szClear%>'; var szPlateColor = '<%=szPlateC...
如何在JavaScript中使用JSP标签
独码乐，不如众码乐，乐享其中
03-17 1426
面对“古老”的项目，延续其生命并发挥最大价值，是件很苦逼的事儿。如何在JS中使用JSP标签？如何使ES6模板字符串 含有 JSP标签、EL表达式、JS变量 正常识别？如何解决JSP的EL表达式和 ES6模板字符串 语法冲突？本文将遇到的几处难点做梳理、并结合实际案例深入剖析。
JSP页面如何引入JS文件
weixin_44538241的博客
07-26 2239
JSP页面如何引入JS文件
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、付费专栏及课程。

余额充值