Unexpected end of JSON input from an ajax call

Question

I've been working on a delete post functionality in my project. It all works fine in PHP, but now I'd like to do that in Ajax, to prevent the refresh and all.

Anyway, when I perform my ajax call, I get an error:

SyntaxError: Unexpected end of JSON input
at Object.parse (native)
at n.parseJSON (http://localhost/imdstagram/public/js/jquery-2.2.3.min.js:4:6401)
at Ab (http://localhost/imdstagram/public/js/jquery-2.2.3.min.js:4:8347)
at z (http://localhost/imdstagram/public/js/jquery-2.2.3.min.js:4:11804)
at XMLHttpRequest.<anonymous> (http://localhost/imdstagram/public/js/jquery-2.2.3.min.js:4:15680)

It says that this error is on line 35, line 35 sends me to

console.log(error);

Anyway, to give you a better view, here is my Ajax call:

$(document).ready(function(){

    $(".post__delete").on("click", function(e){
        var postDeleteID = $('.deleteID').val();

        $.ajax({
            url: "ajax/deletePost.php", 
            type: "POST",             
            data: JSON.stringify(postDeleteID),
            dataType: 'json',
            contentType: false,
            cache: false,
            processData: false,
            success: function(data)
            {

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

        e.preventDefault();
    });
});

And my deletePost.php code:

<?php
    include_once("../classes/Post.class.php");
    session_start();
    $post = new Post();

    if(!empty($_POST)){
        $deletePostID = $_POST['deletePostID'];

        $post->deletePost($deletePostID);

        if($post->deletePost($deletePostID)){
            $status['delete'] = "success";
        } else {
            $status['delete'] = "failed";
        }

        header('Content-Type: application/json; charset=utf-8', true);
        echo json_encode($status);
    }

?>

I've tried many things like changing the dataType and contentType, but nothing seems to work out.

You've not provided the full exception message, nor the JSON that appears to be corrupt. We'll need those. — Josh
– Josh, Commented May 5, 2016 at 18:27
Might be a bit off topic, but it seems you'd benefit from making the deletePost method a static one. That way you would not have to create an instance of the Post class when you want to delete a post, which makes more sense semantically as well as logically — allisius
– allisius, Commented Dec 3, 2016 at 13:31

Musa · Accepted Answer · 2016-05-05 18:33:43Z

8

Your request is wrong, you should not be sending json if you expect to use the $_POST super global. Send it as regular url encoded form data

    $.ajax({
        url: "ajax/deletePost.php", 
        type: "POST",             
        data: {postDeleteID: postDeleteID},
        dataType: 'json',
        cache: false,
        success: function(data)
        {

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

edited May 5, 2016 at 18:33

answered May 5, 2016 at 18:31

Musa

97.9k17 gold badges123 silver badges144 bronze badges

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

5 Comments

Albert.tomasiak Over a year ago

Oh, you're right. I changed it, but I still get the same error.

Musa Over a year ago

I forgot to take out the preocessData: false, try now

Albert.tomasiak Over a year ago

Without the processData: false I get the following response: SyntaxError: Unexpected token < in JSON at position 0 at Object.parse (native) at n.parseJSON (localhost/imdstagram/public/js/jquery-2.2.3.min.js:4:6401) at Ab (localhost/imdstagram/public/js/jquery-2.2.3.min.js:4:8347) at z (localhost/imdstagram/public/js/jquery-2.2.3.min.js:4:11804) at XMLHttpRequest.<anonymous> (localhost/imdstagram/public/js/jquery-2.2.3.min.js:4:15680)

Musa Over a year ago

That looks like you have html in you response.

Albert.tomasiak Over a year ago

Thanks, I'll continue looking for the problem.

Eguider · Accepted Answer · 2017-03-09 02:35:10Z

7

Try to change the dataType to 'text' and contentType to 'application/json'

answered Mar 9, 2017 at 2:35

Eguider

1411 silver badge5 bronze badges

Comments

Felippe Duarte · Accepted Answer · 2016-05-05 18:31:21Z

1

You are "deleting" the post twice.

Remove this line: $post->deletePost($deletePostID);

answered May 5, 2016 at 18:31

Felippe Duarte

15.2k2 gold badges27 silver badges29 bronze badges

1 Comment

Albert.tomasiak Over a year ago

Thanks for that, deleted the line.

Peace Ngara · Accepted Answer · 2017-11-23 10:34:22Z

-1

This is a very strange problem within frameworks and PHP in general, in your controller just:

echo(json_encode($status));

Has worked for me ..

answered Nov 23, 2017 at 10:34

Peace Ngara

7235 silver badges7 bronze badges

Collectives™ on Stack Overflow

Unexpected end of JSON input from an ajax call

4 Answers 4

5 Comments

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

5 Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related