Как передать массив из ajax в php?

Question

Я пытаюсь передать массив из ajax в php (контроллер).

Что случилось со вторым кодом, поскольку var_dump($data) первого кода возвращает соответствующий контент, а второй возвращает NULL?

ПЕРВЫЙ. ХОРОШО.

function myFunction() { 
    var elementy = document.getElementsByClassName('inputISBN'); 
    var data = elementy[0].value; 

    $.ajax({ 
      url: "{{ path('test') }}", 
      type: "POST", 
      data: { "data": data } 

    }); 

} 

SECOND. BAD

function myFunction() { 
    var elementy = document.getElementsByClassName('inputISBN'); 
    var data = [];  
    data[elementy[0].name] = elementy[0].value; 

    $.ajax({ 
      url: "{{ path('test') }}", 
      type: "POST", 
      data: { "data": data } 
    }); 
} 

ТРЕТИЙ. UGLY

var elementy = document.getElementsByClassName('inputISBN'); 
undefined 
var data = []; 
undefined 
data[elementy[0].name] = elementy[0].value; 
"667" 

В-третьих, это строка за строкой из кода, написанного на консоли браузера. И это возвращает то, что нужно.

---

редактировать

данные и вытягивается отсюда:

<input type="number" class="inputISBN" size="2" name="exampleName" 
       value="666" onchange="myFunction()"> 

Answer 1

При передаче массива в PHP, вы хотите, чтобы включить индикатор массива: []. I thi8nk вам нужен объект: {}.

function myFunction() { 
    var elementy = $('.inputISBN'); 
    var data = {}; 
    $.each(elementy, function(){ 
     data[$(this).attr('name')] = $(this).val(); 
    }) 

    $.ajax({ 
      url: "{{ path('test') }}", 
      type: "POST", 
      data: { "data": data } 
    }); 
} 

На данный момент, вы также можете сериализовать данные (как уже упоминалось в другой ответ по @Adelphia):

'data': JSON.stringify(data)

jsFiddle: https://jsfiddle.net/Twisty/cw77ann7/

Вы можете назовите его в PHP: print_r($_POST['data']);

Answer 2

Вы хотите передать переменную в PHP, которая это массив, не так ли? Почему не data = JSON.stringify(data);, а затем на стороне РНР, $data = json_decode($_POST['data'], true);

function myFunction() { 
    var elementy = document.getElementsByClassName('inputISBN'); 
    i = elementy.length; 
    data = []; 
    while(i--) data[elementy[i].name] = elementy[i].value; 
    data = JSON.stringify(data); 

    $.ajax({ 
      url: "{{ path('test') }}", 
      type: "POST", 
      data: { "data": data } 

    }); 

}