java - JSP 和外部 javascript 文件之间的交互

Question

我是外部 javascript 文件 (*.js) 的新手。基本上我已经准备好了 JSP，但我的经理希望我在其中添加图形。

所以我找到了一些 *.js 文件。但我不知道如何在它们和我的 JSP 页面之间进行通信。

我想将数据从 jsp 传递到外部 .js 文件。 有什么机制可以做到这一点吗？

例如:-

演示.jsp

out.print(request.getAttribute("Name"));

现在我想使用/传递/设置以上值到 ma​​in.js 文件，该怎么做？

Answer 1

<script type="text/javascript">
    var myJavascriptVariable = <%= request.getParameter("Name")%>;
                                     //or .getAttribute("Name")
</script>

这可以解决问题，它将创建一个可以在 main.js 中访问的全局变量。当你有 GET 参数时，你也可以只使用 JS:

var paramarr = window.location.search.substr(1).split("&");
var params = {};

for (var i = 0; i < paramarr.length; i++) {
    var tmparr = paramarr[i].split("=");
    params[tmparr[0]] = tmparr[1];
}

或更短一点:

var params = {};
// parse URL's GET parameters and iterate over them
window.location.search.substr(1).split("&"),forEach(function(el) {
    var kv = el.split('"'); // split into [ key, value ] array
    params[kv[0]] = kv[1];
});

现在您可以通过以下方式访问 JS 中的参数:

params['name']

就我个人而言，我会使用 AJAX(例如在 JQuery 的帮助下)来获取 JavaScript 文件的数据，您可以在 http://api.jquery.com/category/ajax/shorthand-methods/ 中查看。 (2018 年编辑:kust 使用原生 ajax 调用或本周大肆宣传的任何 JS 框架；-))