How to execute a javascript function that is in ajax call

Question

There should be a simple solution this this issue but I am not being able to figure it out!! So I am getting data/templates via ajax. And there are some function in the ajax data. When I try to call the function it throws and error. Example in jsfiddle with regular vs ajax function calls. 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");

So, what is the error and what line of code does it occur on? This is basic information that should be included with your question. — jfriend00, Aug 25 '14 at 05:28

score 0 · Answer 1 · edited May 23 '17 at 12:05

0

You may check the following question: Executing <script> elements inserted with .innerHTML

In short, you may iterate the script tags and eval them.

edited May 23 '17 at 12:05

Community

1
1

answered Aug 25 '14 at 05:35

Sin

1,040
1
8
20

How to execute a javascript function that is in ajax call

1 Answers1