Executing a javascript function returned from AJAX response (PHP)

Question

I am trying to load a javascript function once Ajax has returned the HTML code through PHP. This requires me to echo the javascript in the ajax response.

In other words i am trying to add this code (placed between script tags) in the PHP Ajax response.. hoping that it executes

$('#green').smartpaginator({ Some code... });

From what I have read so far the browser has done reading the Javascript and will not execute this. Is there a way to do this.... ?

Bhavik Patel · Accepted Answer · 2012-07-27 03:43:54Z

23

You have to Evaluate that code like this

eval("("+response+")");

OR

If your response contains both html and javascript code you have to do like this

 $.ajax({
            url: "/snippets/js-in-ajax-response.html",
            context: document.body,
            success: function(responseText) {
                $("#response-div").html(responseText);
                $("#response-div").find("script").each(function(i) {
                    eval($(this).text());
                });
            }
        });

edited Jul 27, 2012 at 3:43

answered Jul 27, 2012 at 3:37

Bhavik Patel

7877 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Executing a javascript function returned from AJAX response (PHP)

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related