Jquery Post multidimensional array via $.Ajax

Question

I am trying to post an ajax call as if it were the following form element:

<input type="text" name="data[BlogPost][title]" />

But I'm not having any luck here is my source:

    $.ajax({
        url: "/add/",
        type: "POST",
        data: ( /* what do I do here */),
        success: function(msg){
            alert(msg);
        }
    });

I've tried nested objects but that only generates a server response like: array 'data' => string '[object Object]' (length=15)

Which does nobody any good!

Any thoughts?

Doug Neiner · Accepted Answer · 2010-01-09 02:13:21Z

7

Just put the field name in quotes, also notice I am using an object literal for the data parameter {} vs the parens you had in your question:

$.ajax({
    url: "/add/",
    type: "POST",
    data: { 'data[BlogPost][title]':'My New Title'} ,
    success: function(msg){
        alert(msg);
    }
});

answered Jan 9, 2010 at 2:13

Doug Neiner

66.4k14 gold badges111 silver badges118 bronze badges

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

2 Comments

o.k.w Over a year ago

Just curious, does this work? data: {'data[BlogPost][title]':$("input[name='data[BlogPost][title]']").val()},?

Doug Neiner Over a year ago

You would probably need to escape the [] characters in the jQuery selector: docs.jquery.com/Selectors The list at the very bottom shows what needs to be escaped. That has more to do with jQuery and CSS selectors than it does with valid W3C names.

Tatu Ulmanen · Accepted Answer · 2010-01-09 02:11:12Z

0

Have you tried serialize()?

$.ajax({
    url: "/add/",
    type: "POST",
    data: $('#myForm').serialize(),
    success: function(msg){
        alert(msg);
    }
});

I'm not 100% sure it works on multidimensional arrays but it's worth a shot.

answered Jan 9, 2010 at 2:11

Tatu Ulmanen

125k34 gold badges190 silver badges185 bronze badges

2 Comments

SeanDowney Over a year ago

This would work in some contexts, but I don't actually have the form to grab data from

Ray Linder Over a year ago

SERIALIZE? Are you kidding me? REALLY? a freakin word that have saved me the already spent HOURS on arrays, .each, and other crap I tried and to come to find out that it's just ONE WORD called SERIALIZE? or more of the term $('#myForm').serialize() WOW. I'm using ASP.NET 4.0 Beta 2 w/ MVC 2 Preview 2 framework, DataAnnotations, Client-side Jquery Validations, jQuery AJAX, a "Notify" jQuery plugin, and a few others all just for resetting a password for a page. I love MVC 2...

o.k.w · Accepted Answer · 2010-01-09 02:18:27Z

0

My guess, [..] square brackets are not valid characters for names of input elements?

Correct me if I'm wrong.

Update: Oops, ok so I'm wrong. Will leave this here anyway as a 'learning' info. For others like me :)

edited Jan 9, 2010 at 2:18

answered Jan 9, 2010 at 2:13

o.k.w

25.9k6 gold badges68 silver badges64 bronze badges

4 Comments

Doug Neiner Over a year ago

It is actually how both Rails and PHP handle arrays and multidimensional arrays.

Tatu Ulmanen Over a year ago

They are valid, used to denote arrays.

o.k.w Over a year ago

An thanks for retracting the down-vote, whoever it might be:)

Doug Neiner Over a year ago

LOL... it was me. I wanted my rep point back, and since you updated the answer I took it back :)

Collectives™ on Stack Overflow

Jquery Post multidimensional array via $.Ajax

3 Answers 3

2 Comments

2 Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related