How to move JavaScript code with Servlets into external file?

Question

I have some JavaScript code with Servlets code, I want to move all of them (between ) to external js file, but it doesn't work, what can I do? How to modify my code if only part of JavaScript can move to external file.

<script language="JavaScript" type="text/JavaScript">
var sel = document.getElementById('sel');
var selList = [];
<%
String key = "";
String text = "";

for(int i = 0; i < master.size(); i++) {
    Map option = (Map) master.get(i);
    key = (String) option.get("Code");
    text = key + " " + (String) option.get("NAME");
%>
    selList.push({
        key: "<%=key%>",
        text: "<%=text%>"
    }); 
<%
}
%>
</script>

Then you need to be a little bit more specific. What are you trying to achieve. (Add that to your question) — Ivar
– Ivar, Commented Jun 1, 2017 at 7:07
As I understand you want to move Javascript that has some embedded JSP Java in it to a seperate .js file. That is exactly what the duplicate question is about... — Ivar
– Ivar, Commented Jun 1, 2017 at 7:15

yılmaz · Accepted Answer · 2017-06-01 07:25:49Z

1

Here two options:

1-by not using ajax

external.js

var images;

function renderImages(){
    //do things for showing images here.
    //images variable has images data as JSON (i suggest you this way) so you can easily iterate over list and render it.
}

jsp

<html>
<head>
<script type="text/javascript" src="external.js"></script>
<script>
    images = "<%=request.getAttribute("imageDataAsJSON")%>"; //here i assume you populate request variable with your image data in JSON format. Be careful about parse errors due to ' and ".
</script>

</head>
<body>
<script>
 renderImages();
</script>
</body>
</html>

2-by using ajax (you can seperate client side logic into external js code and populate data into it by doing ajax calls to server side.)

external.js

function renderImages(){
    //do ajax to your servlet which returns image data as JSON.
    //iterate over image data and render your html elements accordingly.
}

jsp

<html>
<head>
<script type="text/javascript" src="external.js"></script>
</head>
<body>
</body>
</html>

edited Jun 1, 2017 at 7:25

answered Jun 1, 2017 at 6:53

yılmaz

1,83615 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

mikezang Over a year ago

I just want to show a image. Do I have to modify my logic if follow your way?

Collectives™ on Stack Overflow

How to move JavaScript code with Servlets into external file?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related