Невозможно отправить данные json с jquery из значений формы

Question

Я создаю объект json, в котором я вынимаю поля из формы, а затем с помощью jquery Ajax POST для отправки данных. Но когда я вижу свою вкладку в сети после нажатия кнопки submit, я получаю заголовки json, но все значения, которые должны были быть извлечены из формы, пусты, за исключением значений, которые я жестко кодирует. Обратите внимание, что мои данные json также имеют вложенный json типа комнаты.

Ниже моя JQuery часть: -

var formData={ 
     "checkInDate": $("#checkInDate").val(), 
     "checkOutDate": $("#checkOutDate").val(), 
     "roomsWanted":$("#roomsWanted").val(), 
     "room":{ 
      roomType: $("input[name=roomType]:checked").val(), 
      roomProperty:"non-smoking" 
     } 

    }; 
$("#checkAvailabilityForm").submit(function(e){ 
     e.preventDefault(); 

     $.ajax({ 
      type: 'post', 
      url: '', 
      dataType: 'json', 
      data: JSON.stringify(formData), 
      contentType: 'application/json', 
      success: function(dataRecieved){ 
       var dataRecieved= $.trim(dataRecieved); 
       if(dataRecieved === ''){ 

       }else{ 

       } 
      } 

     }); 
    }); 

Answer 1

Перемещайте декларацию formData внутри функции .submit(). То, как у вас сейчас, загружается страница, а затем var formData = ... сразу устанавливает значение для formData (к значениям новой пустой формы).

Ваш код должен выглядеть следующим образом:

$("#checkAvailabilityForm").submit(function(e){ 
    e.preventDefault(); 

    var formData={ 
     "checkInDate": $("#checkInDate").val(), 
     "checkOutDate": $("#checkOutDate").val(), 
     "roomsWanted":$("#roomsWanted").val(), 
     "room":{ 
      roomType: $("input[name=roomType]:checked").val(), 
      roomProperty:"non-smoking" 
     } 
    }; 

    $.ajax({ 
     type: 'post', 
     url: '', 
     dataType: 'json', 
     data: JSON.stringify(formData), 
     contentType: 'application/json', 
     success: function(dataRecieved){ 
      var dataRecieved= $.trim(dataRecieved); 
      if(dataRecieved === ''){ 

      }else{ 

      } 
     } 

    }); 
}); 

Answer 2

Вам не нужно stringify ваш JSON просто мимо JSON, как это

data: formData