Sending JSON data with jQuery not working

Question

Simple request being made

    var username = {'username' : 'tom'};

    var request = $.ajax({
        url      : 'test.php',
        method   : 'GET',
        data     : JSON.stringify(username),
        dataType : 'json'
    });

    request.done(function(response) {
        response = JSON.parse(response);
        console.log(response);
    });

    request.fail(function(xhr, status, error) {
        console.log(error);
    });

PHP:

<?php
echo json_encode(array("bar" => "bar"));
?>

Still getting error, no idea why

OK I think I'm on to something

Robert
– Robert

2018-03-23 00:27:07 +00:00
Commented Mar 23, 2018 at 0:27 — Robert
– Robert, Commented Mar 23, 2018 at 0:27
nevermind no luck yet

Robert
– Robert

2018-03-23 00:34:05 +00:00
Commented Mar 23, 2018 at 0:34 — Robert
– Robert, Commented Mar 23, 2018 at 0:34
Simplified the code

Robert
– Robert

2018-03-23 03:23:56 +00:00
Commented Mar 23, 2018 at 3:23 — Robert
– Robert, Commented Mar 23, 2018 at 3:23

Nicolas · Accepted Answer · 2018-03-23 00:14:52Z

4

that's because the server is returning a non valid JSON string. Try to check what the server is returning. This may happen if your server is throwing an error. In your case, I think the error you are trying to parse is not a JSON string. You might want to check that out as well.
You can use this link to validate your JSON.

answered Mar 23, 2018 at 0:14

Nicolas

8,7364 gold badges25 silver badges58 bronze badges

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

8 Comments

Nicolas Over a year ago

Well here is your problem, What is the value of the error variable ?

Robert Over a year ago

I commented out the server code. I believe the problem lies around data : JSON.stringify({username : username}),

Robert Over a year ago

When I change dataType: json to html it works. The weird thing is the server is not even giving a response, because I commented the code out for debugging but I'm still getting the error.

Nicolas Over a year ago

I think it's the JSON.parse(error) try commenting that out.

Robert Over a year ago

Commented it out but am still not getting a response from the server and I uncommented the server code.

|

Collectives™ on Stack Overflow

Sending JSON data with jQuery not working

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related