how to run javascript code that included through ajax process

Question

I have a php page which has lot's of code of html and javascript inside it.Ihe other page use ajax to send an id to the first page and get the results and put it inside a div element.
Now I want to run those returned codes which contains javascript and html codes. How should that be done?

This is my ajax request to the first page:

       $(document).ready(function() { 
        $.ajax({
        type: "POST",
        url: "showing.php",
        data: "s_id="+s_id+"&submit=true",
        success: function(msg){
        str=$.trim(msg)
         document.getElementById('tabs-2').innerHTML = str;
           document.getElementById("ui-id-2").click();

        }
   })

@Sadikhasan Showing.php contains javascript codes and I need to run them after putting the codes inside that div.How should I run those lines? — omid
– omid, Commented Jan 3, 2015 at 8:18
Use jq .html() ($('#tabs-2').html(str);) method instead of innerHTML property. If using innerHTML, you would need to eval() js code: stackoverflow.com/questions/1197575/… — A. Wolff
– A. Wolff, Commented Jan 3, 2015 at 8:33

Rakesh Lamp Stack · Accepted Answer · 2015-01-03 08:27:40Z

1

I think event delegation can solve your problem.

Like below:

Use $.on(). Instead of registering events on the element you register on a parent which will not be removed

Ex:

$('#tabs-2').on('click', '#ui-id-2', function(){
   //do something
})

answered Jan 3, 2015 at 8:27

Rakesh Lamp Stack

4904 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

how to run javascript code that included through ajax process

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