JQuery: передать массив в AJAX

Question

У меня есть форма с несколькими одинаковыми полями:

<input type="text" id="qte" value="" name="qte[]"> 

Как transmetre массив в моей обработке файла?

Я заметил, что массив, отправленный ajax, стал строкой.

$("#form_commande").submit(function(event){ 

var qte = $("#qte").val(); 

if(qte== '') 
{ 
    $('#qte_message').html("KO QTE"); 
} 
else 
{ 
    $.ajax({ 
     type : "POST", 
     url: $(this).attr('action'), 
     data: $(this).serialize(), 
     success : function(){ 
      $('#form_commande').html('<p>OK</p>'); 
     }, 
     error: function(){ 
      $('#form_commande').html("<p>KO</p>"); 
     } 
    }); 
} 
return false; 

}

Answer 1

Это возвращает объект ввода текстового поля:

$("#qte"); 

Это возвращает значение входного текстового объекта:

$("#qte").val(); 

Remember вы просили объекта DOM с помощью id, и это по определению возвращает только один.

Answer 2

Пожалуйста, прочитайте эту тему: JQuery - Reading an array of form values and displaying it?

Короче говоря, вы должны итерацию с тегом name="qte[]" вместо использования идентификаторов. В DOM вы не можете иметь два разных объекта с разными идентификаторами.

var qte_array = new Array(); 
$('input[name="qte[]"]').each(function(){ 
    qte_array.push($(this).val()); 
}); 

После этого у вас есть все значения массива qte [] в одном объекте - qte_array. Вы можете позже сериализовать этот массив в JSON, а затем передать его как строку.

ALTHOUGH - вам не нужно делать все эти вещи. Вы можете отправить запрос ajax непосредственно с вашей формой, все эти данные на этих входах будут переданы в любом случае. Вам просто нужно обращаться с ними правильно на стороне сервера.

Answer 3

ID уникален, у вас не может быть больше полей с одинаковым идентификатором.

Кстати, вы должны преобразовать значения в JSON и передать их Ajax

Answer 4

Получить значение в JQuery, как:

$("#form_commande").submit(function(event){ 

    var qte_array = new Array(); 
    $('input[name="qte[]"]').each(function(){ 
     qte_array.push($(this).val()); 
    }); 

    if(qte_array.length== 0) 
    { 
     $('#qte_message').html("KO QTE"); 
    } 
    else 
    { 
     $.ajax({ 
      type : "POST", 
      url: $(this).attr('action'), 
      data: {qte:qte_array}, 
      success : function(){ 
       $('#form_commande').html('<p>OK</p>'); 
      }, 
      error: function(){ 
       $('#form_commande').html("<p>KO</p>"); 
      } 
     }); 
    } 
}); 

и получить его в PHP, как:

$qte = $_POST["qte"]; 

здесь qte массив