JQuery Serialize Форма для JSON строки

Question

Используя следующий код, я могу генерировать массив, но я хотел бы построить сложный объект JSON, который выглядит следующим образом:

<script> 

    $('document').ready(function() { 
     var $myform = $("#myform"), 
      $userData = $myform.find('#userInfo'), 
      $adressData = $myform.find('#adressInfo'), 
      $btnSubmit = $myform.find('button'); 

     $btnSubmit.on('click', function (event) { 
      event.preventDefault(); 
      var formData = $myform.serializeArray(), 
       obj = {}; 

      for(var i=0;i<$userData.length;i++){ 
       obj[formData[i].name] = formData[i].value; 
      } 
      $.ajax({ 
       url: '/create/user', 
       type: 'post', 
       contentType: "application/json", 
       data: $myform.formAsJson(), 
       success:function(){ 
        alert("Great! Everything's OK!"); 
       }, 
       error: function(){ 
        alert("Booo, something wrong :("); 
       } 

      }); 
      return false; 
     }); 
    }) 
</script> 

Вот фактическое JSON структура, которую я хотел бы иметь:

{ 
      "firstName" : "first name ", 
      "lastName" : "last name", 
      "email" : "some@test.com", 
      "pass" : "testitbaby", 
      "address" : { 
      "street" : "street", 
      "zip" : "12345", 
      "city" : "city", 
      "country" : "DE" 
      }, 
      "createDate" : 1445885243494, 
      "isUserActivated" : false 
     } 

Answer 1

Для удобства чтения я бы создал объект самостоятельно. Нет смысла в сериализации формы в массив, если формат массива не тот, который вы хотите. И нет смысла в сериализации формы в массиве, только для ее прокрутки и создания объекта с одним и тем же набором данных. Вы можете просто создать пользовательский объект и сохранить его простым.

var obj = { 
    firstName: $('#firstName').val(), 
    lastName: $('#lastName').val(), 
    address: { 
     street: $('#street').val(), 
     zip: $('#zip').val() 
    } 
} 

А затем в параметрах AJAX, используйте $.param() для сериализации данных формы для отправки. $.param() создает URL-кодированные строки, такие как name=paparazzoKid&email=papkid@pap.com.

$.ajax({ 
    url: '/create/user', 
    type: 'post', 
    data: $.param(obj), 
    success:function(){}, 
    error: function(){} 
}); 

$ .param() - «Создать упорядоченное представление массива, простой объект, или объект JQuery, пригодный для использования в строке URL запроса или запроса Ajax»

http://api.jquery.com/jquery.param/

Это скриншот из JSFiddle с FireBug открытым. Он показывает объект, который я создал, и отправленные данные.

Чтобы получить доступ к публикуемой строке параметров в PHP, вы бы просто сделать это:

$userStreet = $_POST['address']['street'] 

Если вам нужен формат JSON для страниц сервера, просто кодировать данные POST в формат JSON на вашей серверной страницы. В PHP это просто:

json_encode($_POST).