<a href="${pageContext.request.contextPath}/deleteProduct?id=${p.id}" onclick="javascript:return p_del()">

时间: 2023-12-22 12:06:00 浏览: 100

JavaScript中${pageContext.request.contextPath}取值问题及解决方案

5星 · 资源好评率100%

在Web开发过程中，特别是在使用JSP（Java Server Pages）技术进行网页开发时，经常需要获取服务器的上下文路径（context path）。这个上下文路径是指当前应用程序的根目录路径，在构建Web应用资源链接时非常重要。在JSP页面中，我们可以通过内置对象pageContext的request属性来访问到这个上下文路径，具体使用的是pageContext.request.contextPath变量。然而，当开发者尝试将${pageContext.request.contextPath}用于JavaScript代码中时，往往会遇到问题。原因在于JSP页面中的EL表达式（Expression Language，表达式语言）不能直接在JavaScript代码中被识别和执行。EL表达式只能在JSP页面中被JSP引擎解析，而在JavaScript代码中，它们仅被视为普通的字符串。具体来说，当在JavaScript代码中直接写入${pageContext.request.contextPath}时，比如在<script>标签里写入，它不会被JSP引擎处理，因此它会被当作普通的字符串"${pageContext.request.contextPath}"输出到页面上。这就是为什么在JSP页面内嵌JavaScript代码时，直接使用EL表达式会出现问题的原因。为了解决这个问题，开发者们通常会采用以下几种方法： 1. 使用JavaScript变量存储上下文路径在JSP页面的<%-- 这是JSP注释 --%>中定义一个JavaScript变量，然后将EL表达式计算的结果赋值给这个变量。这样做的好处是，变量在页面加载时就已经被计算出来了，可以在后续的JavaScript代码中使用。例如： ```javascript <script> var ctx = '<%=pageContext.request.contextPath%>'; </script> ``` 在这个例子中，EL表达式被 <% %> 标签包围起来，JSP引擎会计算这个表达式的值，并将结果替换到相应的位置。这样，JavaScript变量 ctx 就存储了正确的上下文路径。 2. 使用JSP标签库（JSTL）另一种解决方式是使用JSP标准标签库（JSTL）中的<c:url>标签，可以用来构造正确的URL路径。通过在JSP页面中设置一个JavaScript变量，然后用<c:url>标签来生成上下文路径，如下所示： ```javascript <script> var ctx = '<c:url value="/contextPath" />'; </script> ``` 这种方法利用了JSTL标签来生成上下文路径，并将结果直接作为JavaScript变量的赋值语句使用。在JavaScript代码中获取JSP页面的上下文路径时，不能直接使用EL表达式。必须采用一些技巧来让JSP引擎解析这些表达式，然后再将结果输出到JavaScript代码中使用。通过上述方法，可以有效地解决这个问题，并确保Web应用中的资源链接能够正确地指向服务器上的资源。

这段代码是一个HTML超链接 `<a>` 的一部分。在这个超链接中，`href` 属性指向了一个删除产品的URL，其中的 `${pageContext.request.contextPath}` 是一个JSP标签，用于获取当前项目的上下文路径。另外，`?id=${p.id}` 是一个查询参数，用于传递产品的ID。在点击这个超链接时，会触发一个JavaScript函数 `p_del()`，并在函数内部返回 `false`，这样可以阻止超链接的默认行为（即跳转到指定URL），从而实现点击删除按钮时不跳转页面的效果。这段代码的作用是创建一个超链接，当用户点击该链接时，会触发删除产品的操作，并通过URL参数传递产品ID。同时，使用JavaScript函数阻止了默认的页面跳转行为。

阅读全文

<a href="${pageContext.request.contextPath}/deleteProduct?id=${p.id}" onclick="javascript:return p_del()">

相关推荐

修改

<html> <head> <title>Title</title> <style> form{ background-color: #70a6ff; } </style> </head> <body> <form class="form-inline" action="" method="post"> 南方费用缴纳平台 用户登录 用户注册 <管理员登录 <管理员注册 </form> </body> </html>

全部 <c:forEach items="${applicationScope.keywordsList}" var="keyword"> ${keyword.keywordsName} </c:forEach>

">已购订单为啥获取不到username

图书添加

</form> 书籍编号 书籍名字 书籍数量 书籍详情 操作 <c:forEach var="book" items="${booksList}"> ${book.bookID} ${book.bookName} ${book.bookCounts} ${book.detail} 更改 | 删除 </c:forEach> 改为html语言

请向我解释 <form action="${pageContext.request.contextPath}/GradeServlet?m=Key" method="post">

借阅function toLent(bId,id) {window.location.href="${pageContext.request.contextPath}/user/toLent?bId&id="+bId&id;}帮我修改一下代码里传参错误

a.bmp什么意思

<form action="${pageContext.request.contextPath}/UsersServlet?action=login" method="post">如果我要接收put请求怎么办

location.href = "${pageContext.request.contextPath}/ADServlet?action=delete&ADID=" + ADID;

<base href="${pageContext.request.contextPath}/"> 什么意思？

<c:forEach items="${infoList }" var="dept"> ${dept.THEMENAME} </c:forEach>

如果标签是:<option>"+this.cname+"</option>

最新推荐

JavaScript中${pageContext.request.contextPath}取值问题及解决方案

代驾应用系统 SSM毕业设计 附带论文.zip

Java集合ArrayList实现字符串管理及效果展示

管理建模和仿真的文件

【MATLAB信号处理优化】：算法实现与问题解决的实战指南

在西门子S120驱动系统中，更换SMI20编码器时应如何确保数据的正确备份和配置？

实现2D3D相机拾取射线的关键技术

"互动学习：行动中的多样性与论文攻读经历"

【MATLAB时间序列分析】：预测与识别的高效技巧

如何在TMS320VC5402 DSP上配置定时器并设置中断服务程序？请详细说明配置步骤。

<html> <head> <title>Title</title> <style> form{ background-color: #70a6ff; } </style> </head> <body> <form class="form-inline" action="" method="post"> 南方费用缴纳平台用户登录用户注册 <管理员登录 <管理员注册 </form> </body> </html>

</form> 书籍编号书籍名字书籍数量书籍详情操作 <c:forEach var="book" items="${booksList}"> ${book.bookID} ${book.bookName} ${book.bookCounts} ${book.detail} 更改 | 删除 </c:forEach> 改为html语言

a.bmp
什么意思

代驾应用系统 SSM毕业设计附带论文.zip