how to execute a javascript function returned from ajax response

Question

I have a function which i want to execute when ajax makes a successful request but it doesn't execute here my jquery part

$.ajax({  
    type: "POST",  
     url: "https://www.example.com/create_chat.php",  
     data: dataString,
        beforeSend: function() 
            {
                $("#loading_indicator").show();
            },  
        success: function(response)
            {
                $(".example").html(response);

            }
        });

here is the response from php file

<script>start_chat(); alert("testing");</script>

i tried adding this also

$(".example").find("script").each(function(i) {
eval($(this).text());
});

but nothing works

I'm trying to execute the javascript function which i received from ajax response — Aniket Singh
– Aniket Singh, Commented May 8, 2016 at 17:26
simply adding start_chat(); alert("testing"); inside ajax success function wouldn't it do the work? — user2560539
– user2560539, Commented May 8, 2016 at 17:27
@SagarSingh all the functions start_chat etc you want to use must be located in the same page where the ajax call is made. Do you get an error start_chat undefined in console? — user2560539
– user2560539, Commented May 8, 2016 at 17:36

user2560539 · Accepted Answer · 2016-05-08 17:34:54Z

1

Your response from create_chat could indicate which function will be used. For example

$.ajax({  
    type: "POST",  
     url: "https://www.example.com/create_chat.php",  
     data: {
      dataString: dataString
    },
        beforeSend: function() 
            {
                $("#loading_indicator").show();
            },  
        success: function(response) // response could be 1,2,3,4.. etc
            {
                if(response==1) {
                start_chat();
                }
                if(response==2) {
                stop_chat();
                }
                if(response==3) {
                change_chat_room();
                }
                ...
                $(".example").html(response);

            }
        });

answered May 8, 2016 at 17:34

user2560539

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

Comments

Ryan Johnston · Accepted Answer · 2016-05-08 17:37:14Z

1

While there are work arounds, you should never be executing the response of an Ajax call directly.

"Scripts in the resulting document tree will not be executed, resources referenced will not be loaded and no associated XSLT will be applied."

http://www.w3.org/TR/XMLHttpRequest/#document-response-entity-body

Best practice is to respond with data, typically in the form of JSON, JSONP or HTML.

answered May 8, 2016 at 17:37

Ryan Johnston

111 bronze badge

Comments

Fil · Accepted Answer · 2016-05-08 17:35:07Z

0

Try This,

  $.ajax({
    type: "POST",
    data: {
      'dataString': dataString
    },
    url: 'https://www.example.com/create_chat.php',
    success: function(data) {
      start_chat();
      alert('Success');
    },
    error: function(data) {
      alert('failed');
    }
  });

edited May 8, 2016 at 17:35

answered May 8, 2016 at 17:29

Fil

8,91118 gold badges64 silver badges90 bronze badges

1 Comment

Medet Tleukabiluly Over a year ago

What about start_chat(); ?

Collectives™ on Stack Overflow

how to execute a javascript function returned from ajax response

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related