Question

这个问题应该有一个简单的解决方案，但我无法弄明白!! 所以我通过ajax获取数据/模板。并且ajax数据中有一些功能。当我尝试调用它抛出的函数和错误。 jsfiddle中的示例与常规vs ajax函数调用。 http://jsfiddle.net/rexonms/b05uxko6/

<!-- HTML -->
<div id="regularData">
  <h2>Regular Data</h2>
  <p onclick="mouseEvent()">Click Me</p>
   <script>
        function mouseEvent(){
            alert('Yep clicked');
        }
   </script>
</div>
<hr>

<div id="ajaxData"></div>



<!-- Javascript -->
var request = new XMLHttpRequest(); // do we need this?
        request.open("POST", "https://kvdevl06.sohalo.com/apps/kobie/php/widget/dispatcher_tpl.php");
        request.onreadystatechange = function(){

            if(request.readyState === 4){
                alert('Ajax data is: ' + request.response);
                document.getElementById("ajaxData").innerHTML = request.response;
            }
        }
        request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        request.send("action=getTest&partner_user_id=1&template_id:test");

Answer 1

您可以查看以下问题： Executing <script> elements inserted with .innerHTML

简而言之，您可以迭代脚本标记并eval。

如何执行ajax调用中的javascript函数

1 个答案: