使用jquery ajax发布关联数组

时间:2012-09-03 11:58:52

标签: php javascript jquery ajax cakephp

我正在使用cakephp表单创建表单。它正在创建这样的形式:

<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>

以正常形式提交表单并获取如下数据时,它工作正常:

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

但是当我使用jQuery $.ajax()函数提交相同的表单并使用serialize()函数发布数据时。我在服务器端获得类似这样的数据。

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
)

当使用jQuery $ .ajax()函数时,如何以关联数组的形式获取表单数据?

修改

$('#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();
});

由于

5 个答案:

答案 0 :(得分:1)

无需使用低级别的ajax,而是使用$ .post简写。

试试这个:

$(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   
      });

   });  

});

你问过POST ASSOC ARRAY使用jquery, 所以你会得到它,

在你的php脚本中:

<?php

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

答案 1 :(得分:0)

您可以使用.serializeArray()然后手动编码值:

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

答案 2 :(得分:0)

可能的解决方案之一是解析服务器端的关键字符串并在PHP中构建关联的数组...

答案 3 :(得分:0)

我认为jQuery.param正是您所寻找的。

答案 4 :(得分:0)

serializeArray();是你在找什么