Jquery .load function response

Question

I'm trying to display response of PHP script within a div element <div id="divname"></div>

jQuery('#divname').load('TEST.php',{
  'id' : id
});

My code works as expected and successfully insert «1» inside this div.

TEST.php file:

<?php
  echo '1';
?>

...but I would also like to alert the response in the same time using jQuery, someting like this:

jQuery('#divname').load('TEST.php',{
  'id' : id
}, 
alert(response); //????
);

Can You help me?

I would also suggest to use $.get or $.ajax, than you can also check if the action executed, failed, succeeded, and more. See the documentation: api.jquery.com/jquery.ajax — GreyRoofPigeon
– GreyRoofPigeon, Commented Sep 15, 2017 at 13:00

GreyRoofPigeon · Accepted Answer · 2017-09-15 13:10:34Z

2

As already commented, I would use $.ajax for this action:

$.ajax({
  url: "TEST.php"
})
  .done(function( data) {
    // alert( "Returned data: " + data );
    $('#divname').html(data);
  })
  .fail(function() {
    alert( "Loading failed" );
  });

You can then check if the action succeeded (done) or failed (fail).

In the done function, data is the data that returns from the request.

edited Sep 15, 2017 at 13:10

answered Sep 15, 2017 at 13:03

GreyRoofPigeon

18.2k5 gold badges39 silver badges60 bronze badges

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

2 Comments

Adder Over a year ago

You are missing $('#divname').html(data); to match the example code fully.

GreyRoofPigeon Over a year ago

Thanks @Adder, changed it

Renzo Calla · Accepted Answer · 2017-09-15 12:59:18Z

1

Use the callback function , documentation

jQuery('#divname').load('TEST.php',{
       'id' : id
  },  function() {
  alert( "Load was performed." );
});

answered Sep 15, 2017 at 12:59

Renzo Calla

7,7362 gold badges25 silver badges39 bronze badges

Comments

Dexter · Accepted Answer · 2017-09-15 13:04:30Z

0

Check out this post about how callbacks work. The code below should work as you're expecting.

jQuery('#divname').load('TEST.php',{
    'id' : id
}, response => alert(response));

answered Sep 15, 2017 at 13:04

Dexter

1731 silver badge12 bronze badges

Collectives™ on Stack Overflow

Jquery .load function response

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related