значение post равно нулю при использовании ajax

Question

У меня есть это представление

<div class="w3-row w3-padding-64">
<div class="w3-twothird w3-container">
<form id='create_delivery'  method="post" class="form-horizontal" 
enctype="multipart/form-data">
 from  <input type="text" name="first_address"><br>

To <input type="text" name="second_address" ><br>
<label>weight</label>
<input type="number" name="weight"   ><br>

<label>price</label>
<input type="number" name="price"   ><br>

<label>description</label><br>
<textarea name="description"></textarea>
<br>

<input type="submit" value="Submit">
</form>
</div>

</div>

и я отправил почтовый запрос по ajax методу контроллера

 $(document).ready(function(){
 $("#create_delivery").submit(function(evt){
 var postData = $(this).serialize();
 $.ajax({

 url: baseURL + "deliverys/create_delivery",

 type:'post',

 data:postData,

 dataType:'json',

 success:function(data){

 alert('delivery created');

 }
 });
 evt.preventDefault();
      });
 });

это контроллер

  public function create_delivery(){
  if(isset($_POST)):
  $first_address=   $this->input->post('first_address');
  $second_address=  $this->input->post('second_address');
  $description=      $this->input->post('description');
  $Weight=           $this->input->post('Weight');
  $price=            $this->input->post('price');

  $data = array(
  "first_address"=>$first_address,
  "second_address"=>$second_address,
  "description"=>$description,
  "Weight"=>$Weight,
  "price"=>$price

  );
  $this->deliverys_model->create_delivery($data);
  endif;
  }

проблема в том, что все значения равны нулю, это работает, когда я отправляю почтовый запрос без ajax но с ajax значения равны NULL

Номер ошибки: 1048 INSERT INTO deliverys (first_address, second_address, description, ready_to_buy, Weight, price) ЗНАЧЕНИЯ (NULL, NULL, NULL, NULL, NULL, NULL)

Answer 1

.serialize (); используется для создания строки метода get ... если вы хотите опубликовать данные, используйте ajax, измените свой js на

$("#create_delivery").submit(function(evt){

 evt.preventDefault();

var first_address = $( "input[name='first_address']" ).val();
var second_address = $( "input[name='second_address']" ).val();
var weight = $( "input[name='weight']" ).val();
var price = $( "input[name='price']" ).val();
var description = $( "input[name='description']" ).val();

 $.ajax({

 url: baseURL + "deliverys/create_delivery",

 type:'post',

data : {first_address:first_address,second_address:second_address,weight:weight,price:price,description:description},

 dataType:'json',

 success:function(data){

 alert('delivery created');

 }
 });
      });

Answer 2

вам нужно изменить «тип» на «метод»

$.ajax({
 url: baseURL + "Trips/create_trip",
 method:'POST',
 data:postData,
 dataType:'json',
 success:function(data){
 alert('Trip created');
 }
 });

Answer 3

Я думаю, вы не получаете данных формы с var postData = $(this).serialize().

Попробуй вот так $("#create_delivery").serialize()

Если в форме нет <input type="file">, не используйте enctype="multipart/form-data"

$(document).ready(function(){
 $("#create_delivery").submit(function(evt){
 evt.preventDefault();

 $.ajax({
   url: baseURL + "deliverys/create_delivery",
   type:'POST',
   data:$("#create_delivery").serialize(),
   dataType:'json',
   success:function(data){
     alert('delivery created');
   }
 });
 evt.preventDefault();
      });
 });

Answer 4

Попробуйте это

$first_address = $_POST['first_address'];
$second_address = $_POST['second_address'];
$description = $_POST['description'];
$Weight = $_POST['weight'];
$price = $_POST['price'];

Вместо

$first_address=   $this->input->post('first_address');
$second_address=  $this->input->post('second_address');
$description=      $this->input->post('description');
$Weight=           $this->input->post('Weight');
$price=            $this->input->post('price');

Я не знал контекста $this->input в вашем коде, может быть, вы могли бы показать больше вашего кода, ноприведенный выше код должен работать.