Is it possible to call a JavaScript file located inside a Maven dependency's jar?

In the process of developing a Spring MVC web application using Apache Tiles, I have incorporated JavaScript libraries such as JQuery by including them in the pom.xml file as dependencies. My query pertains to whether I can access these scripts from within the respective JAR files in my tiles configuration. If this is indeed possible, how would one go about achieving it? Would specifying the complete path to the Javascript file inside the JAR result in successful resolution?

<tiles-definitions>  
    <definition name="base.definition"  
                template="/WEB-INF/jsp/layout.jsp">  
        <put-attribute name="title" value="" />  
        <put-attribute name="header" value="/WEB-INF/jsp/header.jsp" />  
        <put-attribute name="menu" value="/WEB-INF/jsp/menu.jsp" />  
        <put-attribute name="body" value="" />  
        <put-attribute name="footer" value="/WEB-INF/jsp/footer.jsp" />
        <put-list-attribute name="javascripts">
            <add-attribute value="<CAN THIS BE A LOCATION TO JAR??>" />
        </put-list-attribute>
    <definition>
    <!--More stuff-->
</tiles-definitions>

For instance, let's consider a scenario where I've downloaded datatables-1.9.4-2.jar and placed it under \WEB-INF\lib. Inside this JAR, the desired JavaScript file resides at \META-INF\resources\webjars\datatables\1.9.4\media\js\jquery.dataTables.min.js. In this setup, how should the resource mapping be structured and how do I specify it within the add-attribute element?

javascriptjavamavenspring-mvcnetbeans-8

Answer №1

To achieve this functionality in Spring MVC, you can define a resource mapping like so:

<mvc:resources mapping="/js/**" location="classpath:/scripts"/>

You can then access the mapped resources using the following method:

<add-attribute value="/js/myscript.js"/>

Furthermore, if you are utilizing webjars, it is worth noting that the Spring Framework Reference Documentation, 22.16.9 Serving of Resources mentions:

Support for webjars is provided through the WebJarsResourceResolver, which gets automatically registered when the "org.webjars:webjars-locator" library is on the classpath. This resolver enables the system to resolve version agnostic libraries from HTTP GET requests as demonstrated by "GET /jquery/jquery.min.js" returning the resource "/jquery/1.2.0/jquery.min.js".

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Updating the React State is dependent on the presence of a useless state variable in addition to the necessary state variable being set

In my current setup, the state is structured as follows: const [items, setItems] = useState([] as CartItemType[]); const [id, setId] = useState<number | undefined>(); The id variable seems unnecessary in this context and serves no purpose in my appl ...

javascriptreactjstypescriptreact-hooksstate

Transforming query language from jQuery to Pure JavaScript

I have the following jQuery code that I am attempting to remove and convert into standard JavaScript: $('.switch').click(()=>{ $([".light [class*='-light']", ".dark [class*='-dark']"]).each((i,ele)=& ...

javascriptjquerytypescript

Next.js optimizes the page loading process by preloading every function on the page as soon as it loads, rather than waiting for them to

My functions are all loading onload three times instead of when they should be called. The most frustrating issue is with an onClick event of a button, where it is supposed to open a new page but instead opens multiple new pages in a loop. This creates a c ...

javascripthtmlreactjsnext.js

Transferring Visitor's Country Code Between Two Web Applications Using .NET Framework (ASP/MVC)

I'm currently working on developing an application that collects user information such as country, city, and IP address of the website they're visiting. This data is then sent to another web application of mine, which will be automatically update ...

javascriptasp.netasp.net-mvcjqueryasp.net-ajax

How to retrieve the user ID of the selected user using JqueryUI autocomplete?

Hey there, I'm currently delving into the world of jQuery UI autocomplete. My setup involves using autocomplete with ajax, where PHP helps me fetch a list of users. autocompleteajax.js $(function() { $( "#ranksearch" ).autocomplete({ sou ...

javascriptphpjqueryjquery-uiautocomplete

Guide on fetching data from a different php file using jQuery's .load() method?

I am trying to use a basic .load() function from jQuery to load a div element with an id from another file in the same directory when changing the selected option in a selector. However, I am having trouble getting it to work. Nothing happens when I change ...

javascriptphphtmljqueryajax

Guide on sharing Photo Blogs on Tumblr using the "tumblr.js" NodeJS module

I've been using the tumblr.js node module to interact with the Tumblr API, but I'm having trouble understanding what exactly should be included in the "options" when posting on my blog. So far, I've only used this module to retrieve my follo ...

javascriptnode.jsmoduletumblr

Incorporating a sidemenu into a DOM using Ionic2 and Angular2 Typescript

I am currently struggling to properly integrate the sidemenu from the app.ts file. app.html: <ion-menu [content]="content"></ion-menu> <ion-nav id="nav" [root]="rootPage" #content ></ion-nav> app.ts import {App, IonicApp,Page, ...

javascriptdomtypescriptangularionic2

Tips for declaring a particular type during the process of destructuring in Typescript

I have my own custom types defined as shown below: export type Extensions = | '.gif' | '.png' | '.jpeg' | '.jpg' | '.svg' | '.txt' | '.jpg' | '.csv' | '. ...

javascripttypescripttypescript-typingstypescript-generics

Angular 9: Chart.js: Monochromatic doughnut chart with various shades of a single color

My goal is to display a monochromatic doughnut chart, with each segment shaded in varying tones of the same color. I have all the necessary graph data and just need to implement the color shading. ...

javascriptangulartypescriptchart.jsangular9

When attempting to post data using jQuery, an object is encountered that does not have a parameterless constructor

Here is the code snippet I am using with jQuery to post data and register a band: var formData = new FormData(); var file = document.getElementById("CoverPicture").files[0]; formData.append("file", file); var Name = $('#Name').val(); var Genre = ...

javascriptc#jqueryasp.net

Establish a predetermined selection for a drop-down menu

How can I set a default value for a dynamically filled dropdown menu featuring all 12 months in KnockoutJS? I want the default value to be the current month. This is how I am populating the dropdown with information: self.setMonthData = (data ...

javascriptjqueryhtmlknockout.jsdrop-down-menu

Dealing with undefined or null values when using ReactJS with Formik

Issue Resolved: It seems that Formik requires InitialValues to be passed even if they are not necessary. I'm currently working on a formik form in React, but every time I click the submit button, I encounter an error message stating "TypeError: Canno ...

javascriptnode.jsreactjsformik

Type inference in TypeScript with transitivity

Consider this code snippet for illustration: function foo(t: "number"): number function foo(t: "string"): string function foo(t: "boolean"): boolean function foo(t: "number" | "string ...

javascripttypescript

Exploring the Node.js view object within a function and delving into the reasons why a property of

As a beginner in programming, I am seeking tips on how to effectively learn node.js. Currently, I am utilizing the "Learning Behavior Driven Development with JavaScript" book for my learning journey. I would greatly appreciate any advice on how to view ob ...

javascriptnode.jsjsonfunctionbdd

Having trouble receiving any ringing status in nextjs while utilizing the getstream SDK

I attempted to integrate the getstream video SDK for calling from the caller to the callee. While I can successfully create calls from the caller side, I am not receiving any status updates about the call on the callee side. Below are my codes for the cal ...

javascriptreactjsnext.jsgetstream-io

JUnit resets the instance variable once the test is completed

I am facing a slight issue with my test case, which is quite simple as shown below. The problem arises in the first test "A_login" where I navigate to a specific page, retrieve contents of a table, and store them in an ArrayList. However, once the first ...

javaseleniumjunitwebdriverjunit4

What is the reason that the index is consistently the final index when utilizing it to pass to a function while iterating over an array with map()?

Currently, I am utilizing the map function to iterate over an array object fetched from the server. Each object within the array is used to populate a row in a table for displaying data. I need to perform a specific action for each row by invoking a functi ...

javascriptreactjsloopsmaterial-ui

Steps for running a TypeScript project as a child process within a JavaScript project

I am facing an issue with integrating my Electron app, written mainly in JavaScript, with an Express server project built in TypeScript. When I attempt to create a child process of the TypeScript project within my electron.js file, I encounter TypeScript e ...

javascripttypescriptexpresselectrontsconfig

What is the best way to retrieve two elements from the same index level that are located in separate parent DIVs?

Take a look at this HTML setup: <div id="container"> <div class="left-column"> <div class="row">Person 1:</div> <div class="row">Person 2:</div> <div class="row">Person 3:</div> </div> ...

javascriptjquery