Passing data in $.ajax request returns an empty array. What is wrong?

Question

I am struggling with this.

I am trying to pass element data to my php file using $.ajax and it always returns empty.

Here is my code:

    strJson = '{'
    $.each(this_side.data(), function(i, v) {
        strJson += i + ":'" + v + "',";
    });
    strJson += term_id + ":'" + term_id + "',";
    strJson += new_page_num + ":'" + new_page_num + "'";
    strJson += '}';

    alert(strJson); // this works

    $.ajax({
        url: 'my url here',
        type: 'post',
        data: strJson,
        success: function(data){
            alert(data);
        }
    });

Outpot of $_POST is an empty array. It's not working.

What I am missing here please???

also (not the problem), it should be done, not success. api.jquery.com/deferred.done — Petah
– Petah, Commented Mar 28, 2013 at 8:41
you should escape the i too: strJson += "'"+ i + "':'" + v + "',"; — lordvlad
– lordvlad, Commented Mar 28, 2013 at 8:58
and data has to be a JSON object, not a JSON string: data : JSON.parse(strJson), — lordvlad
– lordvlad, Commented Mar 28, 2013 at 9:02

lordvlad · Accepted Answer · 2013-03-28 09:06:13Z

1

don't bother with dataType and contentType, jQuery should to that on its own. what does this_side.data() return? if it is an array, then your i variable in your $.each loop is a number, and your JSON is simply wrongly formatted. try

$.each(this_side.data(), function(i, v) {
    strJson += "'" + i + "':'" + v + "',";
});

and then you should also post a JSON object, not a JSON string:

 $.ajax({
    data : JSON.parse( strJson ),
    ...
 })

this takes also into account when this_side.data() returns an object and the keys have 'special' characters like '-'.

if this_side.data() returns an object, the following is way easier:

$.ajax({
    url: 'my url here',
    type: 'post',
    data: $.extend( 
            this_side.data(),
            {'term_id': term_id, 'new_page_num' : new_page_num }
          ),
    success: function(data){
        alert(data);
    }
});

edited Mar 28, 2013 at 9:06

answered Mar 28, 2013 at 8:55

lordvlad

5,3872 gold badges28 silver badges44 bronze badges

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

Comments

palaѕн · Accepted Answer · 2013-03-28 08:44:31Z

0

Try this:

$.ajax({
    url: 'my url here',
    type: 'POST',
    dataType: 'json',
    contentType: "application/json; charset=utf-8",
    data: { param: strJson },
    success: function(data){
        alert(data);
    }
});

answered Mar 28, 2013 at 8:44

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

Comments

Jai · Accepted Answer · 2013-03-28 08:44:31Z

0

Try to add dataType:"json" too:

$.ajax({
    url: 'my url here',
    type: 'post',
    data: $.parseJSON(strJson),
    dataType: "json",
    success: function(data){
        alert(data);
    }
});

and parse the strJson with $.parseJSON() before sending.

answered Mar 28, 2013 at 8:44

Jai

74.8k12 gold badges77 silver badges104 bronze badges

Comments

Yogesh Sawant · Accepted Answer · 2013-03-28 08:56:26Z

0

In data parameter you are sending a string in json format.

Try sending data in following format.

strJson='name=Will&address=florida';

Let me know if this works.

answered Mar 28, 2013 at 8:56

Yogesh Sawant

1333 gold badges4 silver badges10 bronze badges

Comments

radu florescu · Accepted Answer · 2013-03-28 08:59:43Z

0

Updated answer due to lordVlad comment:

strJson = '{'
    $.each(this_side.data(), function(i, v) {
        strJson += i + ":'" + v + "',";
    });
    strJson += "'"+ i + "':'" + v + "',";
    strJson += new_page_num + ":'" + new_page_num + "'";
    strJson += '}';

Try to add dataType and 'contentType' to your code

$.ajax({
        url: 'my url here',
        type: 'post',
        data : JSON.parse(strJson),
        dataType: 'json',
        success: function(data){
            alert(data);
        },
        contentType: "application/json; charset=utf-8"
    });

Also you may want to check official documentation: http://api.jquery.com/jQuery.post/

edited Mar 28, 2013 at 8:59

answered Mar 28, 2013 at 8:40

radu florescu

4,36310 gold badges64 silver badges95 bronze badges

Collectives™ on Stack Overflow

Passing data in $.ajax request returns an empty array. What is wrong?

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related