2

我想foo/foo/nocache.js使用 JQuery 动态加载 GWT 生成的文件。不知何故,这个foo/foo/nocache.js文件不是由浏览器执行的。如果我通过使用 JQuery 使用 GWT 样式 withOut 来正常放置脚本,那么在加载页面后它会动态生成脚本(即 jquery.onInjectDone('jquery') )。现在,如果我使用 JQuery 或 javaScript 创建此脚本标记,则它不会生成动态生成的脚本。

现在如何确保foo/foo/nocache.js使用 jQuery 执行?

代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
 <head>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
   </script>
  <script>
   $(document).ready(function() {
   $("#clickMe").click(function() {
   // This /foo/foo.nocache.js which is generated by GWT compiler.
       $.getScript("/foo/foo.nocache.js", function(data, textStatus, jqxhr) {
           console.log(data); //data returned
           console.log(textStatus); //success
           console.log(jqxhr.status); //200
           console.log('Load was performed.');
        });
    });
   });
   </script>
 </head>
 <body>
   <h1>Web Application Starter Project</h1>
    <a href="#" id="clickMe">clickMe</a>
    <div id="name">
    </div>      
 </body>
</html>

输出:

ReferenceError: foo 未定义

4

1 回答 1

2

根据您使用的链接器,您无法.nocache.js在文档创建完成后加载脚本,因为它通过使用加载了适当的排列document.write(请参阅IFrameTemplate.js#344XSTemplate.js#279)。这使得您页面中的所有当前内容都将被覆盖。

否则,如果选择xsiframe链接器,则可以加载脚本,但它用于计算排列位置的算法使用脚本标记或文档的位置,因此您不能使用 ajax 加载它,而是插入脚本标记。

$("#clickMe").click(function() {
  $('body').append($("<script src=foo/foo.nocache.js />")); 
}
于 2013-05-26T09:58:39.333 回答