如何使用jquery从ajax响应中提取Javascript代码块？

Question

如何使用jquery从ajax响应中提取Javascript代码块？ 除了其他标签（在本例中为div标签）之外，还不能执行或评估javascript代码，

在get_js.html中

<script> 
    $(function(){
       $.get('src.php',function(Source) {
         // In Here I want to get Javscript Code Block from string(Source)
         // Only javascript code block, not other tags
         var Code = GET_SCRIPT(Source);
         $('#code_block').val(Code);
    });
</script>
<textarea id="code_block">
</textarea>

在src.php中

echo '<script>alert("this is script code, which is not to be excuted")</script><div>Blah..Blah..</div>';

Answer 1

您可以通过简单的字符串拆分来做到这一点：

var str = "<script>alert('this is script code, which is not to be excuted')</script><div>Blah";
var script = str.substring(str.indexOf('<script>')+8, str.lastIndexOf("</script>"));
console.log(script);

上面的代码给出：

alert('this is script code, which is not to be excuted')

当您的响应中包含多个脚本时，就会出现问题。 但是你可以类似地处理

Answer 2

您可以尝试这样的事情：

<textarea id="code_block"></textarea>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
    $.ajax('src.php').success(function(resp) {
        var $container = $('<div />'), // container element for freeform response block
            $script, script;
        $container.append(resp); // add the response content to the container so you can search it

        $script = $container.find('script'); // Locate the script block
        script = $script.html(); // Get the text only

        $('#code_block').val(script);
    });
</script>

我分解了代码，以便可以解释每个步骤。 可能更简洁。 请注意，这仅适用于单个脚本块。 如果有很多，您需要做一些循环，而不仅仅是调用$ script.text（）。