javascript - ${} template literal (ES2015) conflict with JSP Expression Language syntax - Stack Overflow

admin管理员组

文章数量:1201570

${} is being used by both JSP and JS, so what's happening is that the ${} in the JS template literals are being interpreted and removed before being compiled into servlets.

Is there a way I can tell Java to ignore ${} without completely turning the feature off with isELIgnored attribute?

const subject = 'world';
let greet = `hello ${subject}!` 

turns into the following in the browser

const subject = 'world';
let greet = `hello !` 

Here's the best I've come up with, really not digging how ugly it is though:

<c:out value="var body = `pq_country=${country}&pq_population=${population}`;" 
       escapeXml='false'/>

${} is being used by both JSP and JS, so what's happening is that the ${} in the JS template literals are being interpreted and removed before being compiled into servlets.

Is there a way I can tell Java to ignore ${} without completely turning the feature off with isELIgnored attribute?

const subject = 'world';
let greet = `hello ${subject}!` 

turns into the following in the browser

const subject = 'world';
let greet = `hello !` 

Here's the best I've come up with, really not digging how ugly it is though:

<c:out value="var body = `pq_country=${country}&pq_population=${population}`;" 
       escapeXml='false'/>

• javascript
• java
• jsp
• ecmascript-6
• el

Share Improve this question Follow edited May 19, 2024 at 20:45 informatik01 16.4k1111 gold badges7878 silver badges108108 bronze badges asked Aug 30, 2016 at 13:46 Mark CMark C 21522 silver badges77 bronze badges 4

• Just out of curiosity, why are you using back-ticks? – px06 Commented Aug 30, 2016 at 13:53
• ES6 only substitutes these values when you use backticks as the delimiter. Have you tried using simple apostrophes? – skreborn Commented Aug 30, 2016 at 13:53
• 3 Just write JS code in its own JS file instead of mixing with HTML source. That has been the "best practice" for ages. – BalusC Commented Aug 30, 2016 at 18:30
• It is different to write JS in its own file for "best practice" and different for writing because you don't have any choice. Too bad that this conflict cannot be solved in a better way. – Georgios Syngouroglou Commented Apr 2, 2020 at 7:33

Add a comment  | 

2 Answers 2

Sorted by: Reset to default 20

You can put a backslash in front of the ${} so JSP ignores it (found out through this article by David Ford).

const subject = 'world';
let greet = `hello \${subject}!`

You have to move the JS code to the function inside the external file or script tag, it would be the best way to solve conflict of jsp with JS syntax.

本文标签： javascript template literal (ES2015) conflict with JSP Expression Language syntaxStack Overflow