1

我在主 index.html 文件中定义了 Javascript 函数。
此页面的一部分使用 Ajax（使用prototype.js）进行了更新。尝试从返回的 AJAX 代码中执行主文件中定义的 Javasript 函数失败。
evalScripts: Ajax.Updater prototype.js 函数中的 true 选项没有帮助。
我该如何解决？先感谢您。

这是我的 index.html 文件：

<html>
<head>
<script src="js/lib/prototype.js" type="text/javascript"></script>
<script type="text/javascript">
    function foo(x) {
        alert(x);
    }

    function loadContent() {
      new Ajax.Updater('responseArea', 'response.php' , { evalScripts: true } );
    }
</script>
</head>

<body>
    <div id="main">
        <span style="cursor: pointer" onclick="loadContent();">Click on me to call Ajax response</span><br>
        <br></br>
    </div>

    <div id="responseArea">
        This will be replaced with Ajax response
    </div>
</body>
</html>


This is response.php:
  <?php
         echo '<span style="cursor: pointer" onclick="foo("foo Called from within Ajax response");">
             Click on me to call foo from within Ajax response</span>';
   ?>
4

1 回答 1

0

由于evalScriptsis true，您可以将任何 JS 片段放入您的响应中，它将在 AJAX 调用完成时执行：

<script type="text/javascript">
foo("foo Called from within Ajax response");
</script>

如果不想执行，只想包含更多的JS，可以插入一个普通的JS include标签：

<script type="text/javascript src="yournewcode.js"></script>

这比包含 JS 内联更好，因为它允许浏览器缓存文件。

于 2012-06-20T14:32:55.540 回答