javascript - 使用 AJAX 返回 javascript

Question

一位开发人员最近告诉我，我可以向 php 页面发出 ajax 请求，让它们返回 javascript 方法，然后让客户端执行这些方法。这是怎么做到的？指向相关资源的链接也很棒。

编辑

聪明 5 岁，我现在会非常努力地永远不要这样做。任何这种机制都会带来太多风险 cross-site scripting attacks .使用 appropriate headers 禁用所有内联 javascript 会更安全，并找到另一种方法来实现所需的功能。如果确实需要动态生成的脚本，它们可以在服务器上组装并作为外部脚本包含在内:

<script src=/dynamic-script.php?param1=blah&param2=ayyylmao></script>

在此示例中，dynamic-script.php 将使用传递给它的参数来生成所需的 javascript。

Answer 1

可以用 jQuery(一个 javascript 库)来做一个例子。
如果调用ajax请求:

$.ajax({
    url:"phpfile.php",
    type:"post",
    data: {id: 4},
    async:true,
    success: function(data) {
        $("div").html(data);
    },
    error: function() {
        alert("Error");
    }
});

并且在 phpfile.php 中你echo 一些它可以被执行的 javascript 代码:

<?php
echo "
<script>
jQuery(document).ready(function() {
    $(\"#someDiv\").click(function() {
        alert(\"#someDiv clicked\");
    });
});
</script> ";
?>