Jsp中引入JavaScript失败(找不到js文件)

最新推荐文章于 2023-07-19 21:05:33 发布
最新推荐文章于 2023-07-19 21:05:33 发布
阅读量2.6k 收藏 3
点赞数 1
分类专栏： java知识

起因：jsp页面加载打印功能的js文件失败，在firefox下无法检索到该js文件。

我在本地的html文件中用常见的方式引入js，没有问题。但是jsp中始终不行。


于是，查阅资料，发现动态web项目中js不能放到 WEB-INF下，并且引入的src地址需要按照容器中项目位置而来，建议使用相对位置引入文件。



帖子地址：http://www.iteye.com/problems/40205 

----------------------

1
2
3
4
5
6
7
8
9
10
11
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%
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%>">

js只能放在WEB-INF外:(因为外部是不能直接访问WEB-INF下的文件的) 
src="${pageContext.request.contextPath}/文件夹名(没有就不写这项)/xtree.js">

Kitty@Q
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
js文件引用找不到
XiaoFanMi的博客
05-18 971
在jsp中引用js文件,经常报错找不到 我们可以配置一个绝对路径 我们创建一个监听器 package com.ff.listen; import javax.naming.Context; import javax.servlet.*; import javax.servlet.http.HttpSessionEvent; import javax.servlet.http.HttpSessionListener; import java.util.Date; public class ObjectS
javascript(js)生成日历，不需引入其它文件
10-21
使用纯前端技术原生javascript技术和css编写日历，无需引入任何文件，可移植能力，使用方便,能够选择日期和时间（精确到秒）。应用到document对象中的getElementById和getElementsByTagName方法、Date对象中的获取...
JSP文件无法访问js资源文件
allen_he_123的博客
03-28 1563
JSP文件无法访问js资源文件的原因： 一：路径问题，一般添加一个${pageContext.request.contextPath }就可以了； 二：路径没问题，但是还是无法访问，那是因为可能将js等资源文件放入了我们的WEB-INF文件夹下了，因为tomcat对WEB-INF下的文件夹进行了资源保护，限制访问，所以我们可以将资源文件放入到WebRoot或者WebContent
Jsp页面无法引入js文件 解决办法
a3060858469的博客
03-20 2048
Jsp页面无法引入js文件一般是两种情况造成的。下面详细分析第一种情况 路径对但是无法引入 这可能是你把JS文件或者存放JS文件的文件夹直接放在WEB-INF文件夹下面了。因为TomCat对WEB-INF这个文件夹下面的资源进行的保护的，也就是限制访问的。所以建议大家把JS文件或者存放JS文件的文件夹直接放在WebRoot或者WebContent文件夹下面。我的JS文件以及jsp文件存放位置如下图
jsp页面 中 js 找不到
jieyigeweixiao的博客
08-07 942
今天在写一个登陆页面的时候 ，form 表单的提交一直没有反应 报错： $("#loginForm").ajaxSubmit is not function 所有的js 文件都报错 经过排查，jquery.from.js 有引入。但还是一直报错 最后发现 是 没有 写 因为在引入js 文件的时候，路径没有写全。 js 文件的正确位置是 http://localhost:8080/clo...
jsp文件中引用外部.css或.js文件的路径问题.pdf
11-16
如果我们直接访问 test.jsp 文件，而不是通过 action 跳转到 test.jsp 页面，那么这种方法将引用不到.css 或.js 文件。 解决方案 3：使用 Web 工程的绝对路径 为了解决解决方案 1 和解决方案 2 中的局限性，我们...
jsp 文件上传浏览，支持ie6，ie7，ie8
10-29
本示例中提到的"jsp 文件上传浏览"是针对Internet Explorer (IE) 6、7、8浏览器的兼容性问题进行的。IE6、7、8在处理文件上传时与其他现代浏览器（如Firefox、Chrome）存在差异，因此需要特殊的处理方式。 1. **JSP...
深入理解JavaScript中Ajax
10-21
在JavaScript中，Ajax（Asynchronous JavaScript and XML）是一种技术，用于在不重新加载整个网页的情况下与服务器进行数据交互。这极大地改善了用户的交互体验，因为用户可以继续在页面上操作，而无需等待页面刷新...
JSP应用开发-JS和CSS在项目中的应用.pptx
10-29
在3.2.1章节中，我们学习了两种在页面中引入JavaScript的方法：直接在HTML文档头部添加JavaScript代码，或者通过`<script>`标签引用外部的JS文件。例如，在用户注册和登录界面，JavaScript可以用来进行数据校验，...
JSP页面引入js文件失败
葡萄战车的博客
04-09 2114
1.相对路径引入js文件：（以上图文件位置为例） 以相对路径引入js，只能是在js 和jsp 都在webroot 下的时候。当jsp跨越web-inf去引入web-inf外 ，webroot下的js时，会出现一定的问题。WEB-INF是Java的WEB应用的安全目录。所谓安全就是客户端无法访问，只有服务端可以访问的目录。引入代码如下： <script src="../js/xxx.js"&g...
jsp无法读取js文件
宇智波带土
04-10 790
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>string测试</title> <script src="js/jquery-3.3.1.min.js"></script&...
VS2017 创建NET Core 1.1 Web项目，发布后找不到引用的js文件
xing1979的博客
04-19 511
VS2017 创建NET Core 1.1 Web项目，发布后找不到引用的js文件1、 找不到之前的代码2、 解决办法是在代码后加上 1、 找不到之前的代码 <environment names="Development"> <link href="~/css/bootstrap.min.css" rel="stylesheet" /> <script s...
jsp页面无法连接到js，路径正确
qq_38748251的博客
04-19 1209
网上找了好多贴 ，都是说路径。其实我的问题不在那在web.xml中，新增&lt;servlet-mapping&gt;     &lt;servlet-name &gt;default &lt;/servlet-name &gt;         &lt;url-pattern &gt;*.js&lt;/url-pattern&gt;      &lt;/servlet-mapping &gt;&...
jsp中找不到jquery.js文件解决办法
youlinmin的专栏
12-28 2792
问题描述： jsp文件中引入了jquery文件，/js/jquery.js">，还是无法加载js文件，网页左下角出现感叹号，调试网页出现Uncaught ReferenceError: $ is not defined的错误。 出现这个问题是因为web.xml文件中缺少js文件的mapping，须在web.xml文件中加入以下配置：             default      
$.getScript()方法获取js文件
最新发布
hongmy94的博客
07-19 1239
通过$.getScript(‘xxxx.js’)获取xxxx.js文件，这时的ajax是一个get请求的状态，如果进行了入参data的赋值那么他就会跟在url后面,同理获取json文件，css文件。
JavaScript使用CryptoJS加解密
包子的博客
09-29 5261
JavaScript使用CryptoJS加解密Node.js使用客户端（浏览器）使用没有 RequireJS 的用法APIAES 加密纯文本加密对象加密 Node.js 要求 Node.js npm(Node.js 包管理器) npm install crypto-js 使用 典型 API 调用签名用例的 ES6 导入: import sha256 from 'crypto-js/sha256'; import hmacSHA512 from 'crypto-js/hmac-sha512'; impo
js 跨域请求失败
weixin_33810302的博客
11-08 217
注：错误返回：Failed to load http://xxxxxxxxxxx: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://m.cd.com' is therefore not allowed access 　　如: $.post("http:/...
我在jsp页面中引入了bootstrap，通过tabs组件实现了页面切换，但页面切换后获取不到session对象且不能使用el表达式等，请给出解决方案
05-26
这个问题可能是由于JSP页面中使用了异步加载（Ajax）导致的。异步加载会导致新的HTTP请求，而这个请求并没有携带原先的session信息。因此，可以考虑在异步请求中手动添加session信息，或者在JSP页面中将session信息保存到JavaScript变量中，在异步请求中使用该变量传递session信息。 下面是一些可能的解决方案： 1. 在异步请求中手动添加session信息 在异步请求中添加如下代码： ```java HttpSession session = request.getSession(); ``` 这将获取当前session对象。然后，可以将session信息添加到异步请求中： ```javascript $.ajax({ url: "someurl", data: {sessionid: '<%= session.getId() %>'}, success: function(data) { // handle response } }); ``` 这里将session ID添加到请求参数中。 在服务器端，可以通过session ID获取到session对象： ```java String sessionId = request.getParameter("sessionid"); HttpSession session = request.getSession(false); if (session != null && session.getId().equals(sessionId)) { // session found } else { // session not found } ``` 2. 将session信息保存到JavaScript变量中 在JSP页面中添加如下代码： ```java <% HttpSession session = request.getSession(); String username = (String) session.getAttribute("username"); %> <script> var username = '<%= username %>'; </script> ``` 这里将session中的username属性保存到JavaScript变量中。 在异步请求中，可以使用该变量传递session信息： ```javascript $.ajax({ url: "someurl", data: {username: username}, success: function(data) { // handle response } }); ``` 在服务器端，可以直接获取到该变量： ```java String username = request.getParameter("username"); ``` 这里假设在异步请求中传递了username参数。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值