post associative array using jquery ajax

Question

I am creating form using cakephp form. It is creating form something like this:

<form name='license' action='/some/action' action='POST'>

  <input type="text" id="license0Number" name="data[license][0][number]">
  <input type="text" id="license0Year" name="data[license][0][year]">

  <input type="text" id="license1Number" name="data[license][1][number]">
  <input type="text" id="license1Year" name="data[license][1][year]">

</form>

It is working fine when submitting form in normal form and getting data something like this:

$data = array( 'license' => array( '0' => array( 'number'=>'123', 'year'=>'2000' ),
                                   '1' => array( 'number'=>'321', 'year'=>'2003' )
                                 );

But when I submit same form using jQuery $.ajax() function and posting data with serialize() function. I am getting data something like this on server side.

Array
(
[data%5Blicense%5D%5B0%5D%5Bnumber%5D] => 123
[data%5Blicense%5D%5B0%5D%5Byear%5D] => 2000
[data%5Blicense%5D%5B1%5D%5Bnumber%5D] => 321
[data%5Blicense%5D%5B1%5D%5Byear%5D] => 2003
)

How can I get form data in form of associate arrays when usign jQuery $.ajax() function ?

EDIT:

$('#license_form').live( 'submit', function( event ) {

  var action = '/some/action';
  var data = $(this).serialize();

  $.ajax({

     type: "POST",
     url: action,
     data: data, // form data
     success: function( result ) { alert( result ); },
     error: function() { alert('error'); }
  });

   event.preventDefault();
});

Thanks

You won't be able to do the same in jQuery using these names for the input elements. But you can achieve it by changing the names properly. — Diode
– Diode, Commented Sep 3, 2012 at 12:13
which version of jQuery you are using? Try to upgrade to newest (if possible) — Ivan Hušnjak
– Ivan Hušnjak, Commented Sep 3, 2012 at 12:20

Yang · Accepted Answer · 2012-09-03 12:36:28Z

1

No need to user Low-Level ajax, use $.post shorthand instead.

Try this:

$(function(){

  $("#submit").click(function(){
     //Since you're talking about POST
     $.post('path_to_php_script.php', {

       "license0Number" : $("#license0Number").val(),
       "license0Year"   : $("#license0Year").val(),
       "license1Number" : $("#license1Number").val(),
       "license1Year"   : $("#license1Year").val()


      }, function(respond){

          //Respond from PHP
          //Maybe replace some div with the server respond?
          $("#some_div").html(respond); //optional   
      });

   });  

});

You asked for POST ASSOC ARRAY Using jquery, so you'll get that,

In your php script:

<?php

print_r($_POST); //will print what you want

answered Sep 3, 2012 at 12:36

Yang

8,7408 gold badges35 silver badges61 bronze badges

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

Comments

timidboy · Accepted Answer · 2012-09-03 12:14:09Z

0

You can use .serializeArray() and then manually encode the values:

var values = form.serializeArray();
for (var i = 0; i < values.length; i++)
    values[i] = encodeURIComponent(values[i].value);
values = values.join('&');

answered Sep 3, 2012 at 12:14

timidboy

1,7222 gold badges16 silver badges28 bronze badges

Comments

Greg Motyl · Accepted Answer · 2012-09-03 12:14:33Z

0

One of possible solutions is to parse key strings on server side and build associated array in PHP...

answered Sep 3, 2012 at 12:14

Greg Motyl

2,56519 silver badges31 bronze badges

Comments

ddan · Accepted Answer · 2012-09-03 12:20:50Z

0

I think jQuery.param is what you're looking for.

answered Sep 3, 2012 at 12:20

ddan

234 bronze badges

Comments

user1992595 · Accepted Answer · 2013-01-21 11:51:04Z

0

serializeArray(); is what you are looking for

answered Jan 21, 2013 at 11:51

user1992595

1

Collectives™ on Stack Overflow

post associative array using jquery ajax

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

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

Linked

Related