jsp:include引入jsp文件的时候(如果被包含的文件存在js文件),不要用相对路径

jsp:include引入jsp文件的时候(如果被包含的文件存在js文件),不要用相对路径先回忆一下二者的区别(对于此篇文章而言,二者在用法上没有区别) jsp:include是先编译一下included.jsp文件,然后再包含 先编译,后包含@ include是先把文件包含就来,然后统一编译 先包含,后编译  今天下午想把jQuery集成到项目中,发现怎么样都会出问题。原因就是路径问题。在集成时,我的思路是…

大家好,又见面了,我是你们的朋友全栈君。

先回忆一下二者的区别(对于此篇文章而言,二者在用法上没有区别)

 

jsp:include是先编译一下included.jsp文件,然后再包含        先编译,后包含
@ include是先把文件包含就来,然后统一编译                   先包含,后编译

 

 

今天下午想把jQuery集成到项目中,发现怎么样都会出问题。原因就是路径问题。

在集成时,我的思路是写一个公共JSP文件,里面包含一些常用的js文件,当然此处我用的就是Jquery插件了。

但写完发现单独测试公共JSP是可以使用的,但包含公共JSP页面的页面却始终不能使用JQuery,开始还以为是加载顺序的问题。

几经测试,终于发现了其中的问题。

 

由于做的项目文件较多,故文件都不放在一个文件夹下:在公共JSP页面中,有

<%@ page language=”Java” import=”java.util.*” pageEncoding=”utf-8″%>

<script type=”text/JavaScript” src=”js/jquery132min.js”></script>

    <script type=”text/javascript”>     
    $(function(){

    alert(‘hello1’);
    });
</script>

 

在调用它的时候,有:

<%@ include file=”../../common_ext.jsp”%>

但这样很可能导致错误。

 

原因是,include之后,公共JSP被加载到自己的JSP,则JQueryr的相对位置已经发生了变化。即公共JSP把JQuery的相对位置传给了自己的JSP,但自己的JSP以自身为标准,通过路径就找不到Jquery插件了。简单地说,就是如果用相对路径,则公共JSP中的路径就应该是相对自己jSP的路径了。

 

但这样显然失去了它是公共JSP的意义,因此在这里用绝对路径来做:

<%@ page language=”java” import=”java.util.*” pageEncoding=”utf-8″%>

<%
String tPath = request.getContextPath();
String tBasePath = request.getScheme()+”://”+request.getServerName()+”:”+request.getServerPort()+tPath+”/”;
%>

<script type=”text/javascript” src=”<%=tBasePath%>js/jquery132min.js”></script>
    <script type=”text/javascript”>
    
    $(function(){

    alert(‘hello1’);
    });
    
    </script>

 

这样,只要在自己的jSP页面中引入公共JSP就可以了。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/147215.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号