如何將帶有Servlet的JavaScript代碼移動到外部文件中？

Question

我有一些帶有Servlets代碼的JavaScript代碼，我想將它們全部（之間）移動到外部js文件中，但是它不起作用，該怎么辦？ 如果只有部分JavaScript可以移至外部文件，如何修改我的代碼。

<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>

Answer 1

這里有兩個選擇：

1-不使用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-通過使用ajax （您可以將客戶端邏輯分離為外部js代碼，並通過對服務器端進行ajax調用將數據填充到其中。）

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>

如何將帶有Servlet的JavaScript代碼移動到外部文件中？

問題描述

1 個解決方案

解決方案1
1 已采納 2017-06-01 06:53:25

如何將帶有Servlet的JavaScript代碼移動到外部文件中？

問題描述

1 個解決方案

解決方案1 1 已采納 2017-06-01 06:53:25

解決方案1
1 已采納 2017-06-01 06:53:25