js中获取 <%=request.getContextPath()%>

最新推荐文章于 2020-06-15 18:53:12 发布
转载 最新推荐文章于 2020-06-15 18:53:12 发布 · 2.3k 阅读 · 0

本文介绍如何在JavaScript中获取项目的basePath和contextPath，包括通过window.location对象解析路径的方法，并提供两种不同环境下的实现方案。
在jsp中获取context path或者basePath 是很容易的。在javascript中也可以获取，并且有的时候也很有必要。

    <%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

在单独的javascript中不能使用<%= basePath%>类似这样的java  script所以，只能用javascript来获取此context path.
可以用下面的代码来实现。

var localObj = window.location;

var contextPath = localObj.pathname.split("/")[1];

var basePath = localObj.protocol+"//"+localObj.host+"/"+contextPath;

var server_context=basePath;

两种实现的方法用在不同的环境中。





${pageContext.request.contextPath}，是获取当前根目录，${ctx}为${pageContext.request.contextPath}的简写版，
<c:setvar="ctx"value="${pageContext.request.contextPath}"/>


Rebecca粑粑
关注
js中获取contextPath
12-05
JS中获取contextPath的方法，之前在一篇文章上看到的技术，自己实践创建的项目，欢迎指点批评
[js]js中获取 <%=request.getContextPath()%>
wendellup的专栏
02-01 1万+
参考地址:http://hexudonghot.blog.163.com/blog/static/532043422012112264411234/ 在jsp中获取context path或者basePath 是很容易的。在javascript中也可以获取，并且有的时候也很有必要。     String path = request.getContextPath(); Str
转载【js中获取 <%=request.getContextPath()%>】
cjfire的专栏
03-26 940
在jsp中获取context path或者basePath 是很容易的。在javascript中也可以获取，并且有的时候也很有必要。 在JSP中这样使用 <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+requ
JS中获取contextPath的方法
Gabriel576282253的专栏
08-09 5789
参考：https://hanzhdy.iteye.com/blog/2261832 https://blog.csdn.net/xb12369/article/details/46416845 在JSP中可以通过request.getContextPath()来获取上下文的路径，在freemarker中也可以通过 ${base} 获取上下文路径，但是在JS中却无法直接使用这些方式。 ...
request.getcontextPath() 详解
chinhoono1的博客
08-25 1132
是为了解决相对路径的问题，可返回站点的根路径。 但不用也可以，比如/catalog.jsp">，可以直接用也行，这两个文件是在同一个目录下的。比如你要生成一个文件放在服务器上得一个目录下,可以使用request.getContextPath()+/dir,组成一个完整得目录结构! 但在JSP文件里,有时通过request.getContextPath()得到的路径却为空,为什么?  cont
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!-- <link rel="stylesheet" href="<%=request.getContextPath() %>/css2/index2.css" type="text/css"></link> --> <link rel="stylesheet" href="<%=request.getContextPath() %>/css/theme.blue.css" type="text/css"></link> <body> <form action="<%=request.getContextPath() %>/g?m=getList" method="post"> <table id="myTable" class="tablesorter-blue"> <tr> <th>序号</th> <th>名称</th> <th>备注</th> </tr> </table> </form> </body> <script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery-1.8.2.min.js"></script> <script type="text/javascript" src="<%=request.getContextPath() %>/js/random.js"></script> <script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery.tablesorter.js"></script> <script type="text/javascript" src="<%=request.getContextPath() %>/My97DatePicker/WdatePicker.js"></script> <script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script> <script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> <script type="text/javascript"> let date= $("#myTable") $.post("<%=request.getContextPath()%>/my?my=zhan", {"":date},//故意为空 function (obj){ for (let i = 0; i <obj.length; i++) { date.append("<th>"+obj[i].rid+alert(obj[i].rid)+"</th>" ) } },"json" ) </script> </html>
12-23
JavaScript 库的引入路径使用了 `<%=request.getContextPath() %>`，这种方式在大多数情况下是正确的，但需要确保在服务器环境中运行时，`request.getContextPath()` 能够正确获取上下文路径。如果在开发过程中遇到...
<%@ page language=“java” contentType=“text/html; charset=UTF-8” pageEncoding=“UTF-8” %> <%@ taglib prefix=“c” uri=“http://java.sun.com/jsp/jstl/core” %> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!-- <link rel="stylesheet" href="<%=request.getContextPath() %>/css2/index2.css" type="text/css"></link> --> <link rel="stylesheet" href="<%=request.getContextPath() %>/css/theme.blue.css" type="text/css"></link> <body> <form action="<%=request.getContextPath() %>/g?m=getList" method="post"> <table id="myTable" class="tablesorter-blue"> <thead> <tr> <th>邮箱:<input type="text" name="yname" id="name" onblur="you()"><span id="MyName"></span></th> </tr> <tr> <th>密码:<input type="text" name="ymima" id="ymima" onblur="mi()"><span id="MyMiMa"></span></th> </tr> <tr> <th><input type="button" value="登陆" onclick="deng()"></th> </tr> </thead> <tbody> </tbody> </table> </form> </body> <script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery-1.8.2.min.js"></script> <script type="text/javascript" src="<%=request.getContextPath() %>/js/random.js"></script> <script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery.tablesorter.js"></script> <script type="text/javascript" src="<%=request.getContextPath() %>/My97DatePicker/WdatePicker.js"></script> <script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script> <script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> <script type="text/javascript"> function mi(){ let name=$("#ymima").val() if (name!=null&&name.trim().length){ let y=/^[A-Za-z]{6,10}$/ if (y.test(name)){ $("#MyMiMa").html("<font color='lime'>√</font>") }else { $("#MyMiMa").html("<font color='#dc143c'>密码必须为6-10位字母和数字组合</font>") } }else { $("#MyMiMa").html("<font color='#dc143c'>密码不可为空</font>") } } function you(){ let name=$("#name").val() if (name!=null&&name.trim().length){ let y=/^[A-Za-z\d]+@[A-Za-z\d]+\.(com)$/ if (y.test(name)){ $("#MyName").html("<font color='lime'>√</font>") }else { $("#MyName").html("<font color='#dc143c'>请输入有效的邮箱地址</font>") } }else { $("#MyName").html("<font color='#dc143c'>邮箱不可为空</font>") } } function deng(){ $.post("<%=request.getContextPath()%>/my?my=deng", $("#myTable").serialize() ) } </script> </html> 这是全部前端你看看对么?
最新发布
12-24
<link rel="stylesheet" href="<%=request.getContextPath() %>/css/theme.blue.css" type="text/css"> ``` - 路径拼接正确，使用 `request.getContextPath()` 动态获取上下文路径。 4. **JavaScript 资源加载**...
<%@ page language=“java” import=“java.util.*” pageEncoding=“utf-8”%> <%@ page import=“javaBean.Student”%> <% String path = request.getContextPath(); String basePath = request.getScheme()+“😕/”+request.getServerName()+“:”+request.getServerPort()+path+“/”; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'StudentList.jsp' starting page</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"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> </head> <body> <h2 align="center">学生管理系统</h2> <table align="center" border="1px"> <tr> <td>学号</td> <td>姓名</td> <td>年龄</td> <td align="center">操作</td> </tr> <% List slist= (ArrayList)request.getAttribute("sList"); //获取servlet传过来的学生数据 for(int i=0;i<slist.size();i++){ Student s = (Student)slist.get(i); %> <tr> <td><%=s.getSid()%></td> <td><%=s.getSname()%></td> <td><%=s.getSage()%></td> <td><a href="Student.jsp">添加<a href="Update.jsp">修改<a href="Delete.jsp">删除</td> </tr> <% } %> </table> </body> </html>现在得在这个view层写一个点击删除弹出一个弹窗，这个该怎么写，给点思路-这个没怎么学，我记得是一个confirm的关键字
11-14
| `<%=s.getSname()%>` | 在 JS 字符串中插入 Java 变量值，显示具体名字 | | `href="deleteStudent?sid=..."` | 点击后发送请求到删除 Servlet | | `return` | 必须加 `return`，否则 `confirm` 的结果不会影响跳转...
不是表单前端的问题，没有写错，我觉得问题出现在dao层，不是获取servlet获取前端页面的值，是哈~那些获取呀，为什么会是空，我的jsp是这样的：<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'Update.jsp' starting page</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"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> </head> <body> <form action="updateStudent" method="post"> <table> <td> 姓名：<input type="text" name=sname/> </td> </tr> <tr> <td> 年龄：<input type="text" name=sage/> </td> </tr> </table> <tr> <td> <tr> <td> 学号：<input type="text" name=sid/> </td> </tr> <tr> <input type="submit"/> <input type="reset"/> </td> </tr> </form> </body> </html> 其中<% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %>是什么意思，问题是这呀，但我没看出问题
11-14
<tr><td>...</td></tr> </table> <tr> <!-- ❌ tr 在 table 外面！ --> <td> <tr> <!-- ❌ tr 嵌套 tr？不允许！ --> <td>...</td> </tr> ``` `<tr>` 必须在 `<table>` 内部 `<tr>` 不能嵌套 `<tr>` `...
%=request.getContextPath() %解释
海阔天空
04-02 6899
用Struts时经常会使用到request.getcontextPath()，但是不知道意思，在网上找了一下，总结在下面：是为了解决相对路径的问题，可返回站点的根路径。但不用也可以，比如/catalog.jsp">就直接用也行啊，这两个文件是在同一个目录下的。比如要生成一个文件放在服务器上的一个目录下,可以使用request.getContextPath()+/dir,组成
<%=request.getContextPath()%>的作用
DuanLiuchang的博客
12-16 2519
<a href="<%=request.getContextPath()%>/XXXX.jsp"> 指的是根目录下的xxxx.jsp 假设你的要目录http://localhost:8080, 你现在访问的页面为http://localhost:8080/admin/manage.jsp 则<a href="<%=request.getContextPath()%>/XXXX.jsp"> 指向的链接
JSP之项目路径问题（${pageContext.request.contextPath},<%=request.getContextPath()%>以及绝对路径获取）...
weixin_30258901的博客
11-26 1120
　　本随笔这是作为一个记录使用，以备后查。项目完成之后本地部署ＯＫ，本地Linux部署OK，都可以正常的访问，可是当我把它部署到服务器上面的时候，首页可以正常访问，可是当发出请求的时候却报错误了，说找不到定义的请求。我很纳闷，本地都OK为什么只有在服务器才能找不到请求。不过按照常理我还是一步一步的来开始排错。 　　第一步，查看项目部署成功，和部署路径无关，OK。 　　第二步，查看web.xml...
在js中获取request.contextPath项目路径
weixin_34378922的博客
01-03 1385
2019独角兽企业重金招聘Python工程师标准>>> ...
在jsp页面中将${pageContext.request.contextPath}参数传给js文件
j277699931的博客
07-26 800
需要在 ${pageContext.request.contextPath} 两边添加引号
javascript 获取到系统上下文路径context path
zw3413的专栏
04-11 690
const ctx=function(){ let pathName=document.location.pathname; let index=pathName.substr(1).indexOf("/"); let result=pathName.substr(0,index+1); return result; }();
request.getContextPath详解
热门推荐
chssheng2007的专栏
09-19 1万+
String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>这样的代码是在jsp里出现的吧,那么他的含义就是为了得到一个路径，做动态网站时,需要提交form表单在表单的action里面就会这样来写action="/add.do"这样来提交到相应的servlet中去，这样可以避免路
JSP页面上使用${ctx}和<%= request.getContextPath() %>取不到值问题？
亮星空
11-16 970
request.getContextPath()应该是得到项目的名字,如果项目部署到服务器的根目录,则得到一个"",即空的字符串, 如果项目为abc, / 将得到abc/,服务器端的路径则会自动加上， 应该就是指当前路径下的这个xxx.jsp页面，有时候也可以在head里设置html:base 来解决路径的问题，不过用的最多的还是request.getContextPath。 ...
request.getContextPath() 路径正确但是资源加载不出来的解决方案
Hedon954的博客
05-26 2515
request.getContextPath() 路径正确但是资源加载不出来的解决方案。
jsp中的request.getContextPath()
weixin_44682513的博客
06-15 615
jsp中的request.getContextPath() <%=request.getContextPath()%>是为了解决相对路径的问题，可返回站点的根路径。 但不用也可以吧，比如 <a href="<%=request.getContextPath()%>/catalog. jsp"> 我就直接用 <a href="catalog.jsp"> 也行啊，这两个文件是在同一个目录下的 比如你要生成一个文件放在服务器上得一个目录下,你可以使用 r.
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值