PHP not sending response text from AJAX call

Question

Can't work this one out for the life of me, hopefully I am not doing something stupid but why this is not working is not clear to me.

I have a basic HTML page with a JQuery script that sends the following AJAX call to a PHP script within the same directory.

JQuery:

// Sends the AJAX request
            $.ajax({
              type: "GET",
              url: "process.php",
              dataType: "json",
              success: function(data) {
                console.log(data);
              }
            });

PHP:

<!-- Ajax request handler -->
<?php 

echo json_encode(array('message' => 'AJAX call received'));

exit();

?>

The AJAX call is being made successfully as after debugging it in the console it's status code is 200 and statusText 'ok'. However, I simply cannot get the returned JSON message to show up in the console as it should.

I have double checked the URL and that's fine.

This is the response I get in the console using Jeff Hatz's AJAX Debugger Chrome Extension:

Console Screenshot

Any ideas folks?

you could try adding error: function (response) {console.log(response);} — Andrew
– Andrew, Commented Aug 29, 2018 at 14:11
If your PHP is outputting  before the json, then the ajax json parser will not work. You must only and truly return a pure json string from your php when using dataType: 'json'. — IncredibleHat
– IncredibleHat, Commented Aug 29, 2018 at 14:44
Problem solved. I'm an idiot. I had a comment outside of the PHP tags that was obviously causing the problem as @IncredibleHat pointed out. — cbaxter87
– cbaxter87, Commented Aug 29, 2018 at 15:20

IncredibleHat · Accepted Answer · 2018-08-29 14:57:19Z

2

You need to remove this line from the top of your PHP:

<!-- Ajax request handler -->

As when you make a ajax call with dataType: 'json' it is not going to parse the response (at all) and then when you do a console.log(data); it is simply empty, no console log.

When you do remove that line, you should instead receive in your Network tab Response:

{"message":"AJAX call received"}

Which then in a console.log(data); you should see:

Object {message: "AJAX call received"}

answered Aug 29, 2018 at 14:57

IncredibleHat

4,1024 gold badges18 silver badges29 bronze badges

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

1 Comment

IncredibleHat Over a year ago

Then onward to actually use the message value itself, you use normal js objection notation with data.message....

Collectives™ on Stack Overflow

PHP not sending response text from AJAX call

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related