passing json object with jquery ajax

Question

Trying to go back to basics here and send a JSON object via ajax to my php. I can't even get to that part as I get a JSON error. Here is the jquery code:

jQuery(".deletebutton").on("click", function() {

        var employees = [
        { "firstName":"John" , "lastName":"Doe" },
        { "firstName":"Anna" , "lastName":"Smith" },
        { "firstName":"Peter" , "lastName": "Jones" }
        ];

        var dataString = JSON.stringify(employees);

        // Lets put our stringified json into a variable for posting
        var postArray = {json:dataString};

        jQuery.ajax({
            type: 'POST',
            url: 'index.php?option=com_recordings&task=deletevideos&format=raw',
            data: postArray,
            dataType: 'json',
            success: function(data){
                if (data == "blah")
                    alert(data);

            }
        });
});

I get this error (when I check errorThrown): SyntaxError: JSON.parse: unexpected character. I checked with jsonlint.com that it is valid JSON. What am I doing wrong?

Explosion Pills · Accepted Answer · 2013-01-10 19:42:31Z

3

dataType refers to the request header, not the response. If you are not sending back valid JSON, jQuery won't like it. You want to send JSON, but you probably want to get back something else. Just remove dataType and it should work properly, unless there's an error on the server script.

answered Jan 10, 2013 at 19:42

Explosion Pills

192k56 gold badges341 silver badges417 bronze badges

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

Comments

flec · Accepted Answer · 2013-01-10 19:39:57Z

1

The thing you are posting is a js-object not json. You have to post the stringified json.

data: dataString

answered Jan 10, 2013 at 19:39

flec

3,0191 gold badge24 silver badges30 bronze badges

Comments

user3165240 · Accepted Answer · 2014-01-06 11:34:47Z

1

change to data: dataString

and no problems will occure

answered Jan 6, 2014 at 11:34

user3165240

361 bronze badge

Collectives™ on Stack Overflow

passing json object with jquery ajax

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related