how to run javascript within a ajax called file?

Question

$.ajax({
      url: "test.html",
      context: document.body,
      success: function(){
        $(this).addClass("done");
      }
    });

How do I run javascript within test.html and make it work ?

Thanks Abhinab

It doesn't make much sense the example, but apart from that, use success : function (response), being response the returned html, so that you can manipulate it. — yoda
– yoda, Commented Oct 31, 2011 at 1:36
Similar to How to execute javascript inside a script tag returned by an ajax response — kojiro
– kojiro, Commented Oct 31, 2011 at 1:36
Are you asking whether it is possible to execute javascript in test.html before it is sent from the server to the browser? If so, the answer is easy. You can't. — Tomm
– Tomm, Commented Oct 31, 2011 at 1:36

Eric Turner · Accepted Answer · 2011-10-31 01:39:23Z

1

It doesn't really work like that. Javascript in a page is interpreted by the browser when the page is loaded. In this case you aren't loading a page in the browser, you're just getting the page in your ajax response. That response HTML may have <script> elements in them, but nothing is going to do anything with it.

I hesitate to even say this, but you could parse the response in your success function to find all of the script elements, then add whatever you're looking for to your own page's DOM. That should cause the script to be fetched and evaluated. I hesitate to mention it because it smells really bad. If any of my developers did this we'd be having a tough conversation. ;-)

It might help to elaborate on what you're trying to accomplish, as there might be a more elegant way to achieve your goals.

answered Oct 31, 2011 at 1:39

Eric Turner

1,8241 gold badge16 silver badges30 bronze badges

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

Comments

Milan Jaric · Accepted Answer · 2011-10-31 01:59:19Z

0

function call_recursive(){
    var pages ["test1.html", "test2.html", "test3.html" ];

    while(pages.length() > 0){
        page = pages.pop();           
        $.ajax({
            url: page,
            context: document.body,
            success: function(){
                $("div#logger").append("<p>" + page " loded </p>");
            },
            error: function(){
                $("div#logger").append("<p class'error'>" + page " is not loded </p>");
            },
        });
    }
}

just execute call_recursive

edited Oct 31, 2011 at 1:59

answered Oct 31, 2011 at 1:38

Milan Jaric

5,6662 gold badges29 silver badges36 bronze badges

2 Comments

abnab Over a year ago

Hello, Thanks for the reply .. But I want to execute multiple function in a loop .. as in test.html which actually will be a php file .. includes many more pages ... so after including everypage I want to show on a div ..page 1 loaded ..page 2 loaded I hope I made myself clear. HOpe you can help me up with this :) thanks ABHINAB

Milan Jaric Over a year ago

you don't need javascript in those ajax pages, just append on ajax success step you accomplished. I'll update my answer in a minute

Collectives™ on Stack Overflow

how to run javascript within a ajax called file?

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related