Почему при отправки переменной содержащих табличные данные во VueJS, приходит пустой массив?

Question

[Владимир]

Добрый день!
Имеются следующие данные:

data: {
        newposition: []
     }

Далее в newposition.table присваиваем значение данных табличной части, которые прекрасно рендарятся и выводятся на страницу кодом:

<tr v-for="table in newposition.table">
    <td>{{ table.linenum }}</td>
    <td>{{ table.name}}</td>
    ...... и тп.
</tr>

При попытке отправить данные на сервер методом POST через Axios:

axios.post( 'json.php?order=add',  {table: this.newposition.table});

На сервер приходит следующее при обработке пост запроса:
[table] => ,
Если сделать через form.append:

for( var i = 0; i < this.newposition.table.length; i++ ){
   let table = this.newposition.table[i];
   formData.append('table[' + i + ']', table);
}

Приходит следующее:

[table] =>
 [0] =>
 [1] =>
 ....

И так далее по количеству строк в таблице.
Перепробовал уже все варианты, обычные данные приходят и обрабатываются отлично, а вот если в переменной вложен еще один или несколько массивов, console.log() переменной показывает данные прекрасно, а при передачи на сервер они почему то пустые.
При этом если посмотреть headers запроса, который отправляет axios, там эти данные уже сразу пустые..

Comments

[Arman]

Приходит следующее:

т.е. работает?

[Владимир]

ну внутри [table] содержится n пустых вложенных массивов, по кол-ву строк в таблице, самих табличных данных нет

Answer 1

[Владимир]

В итоге, удалось решить кустарным методом перечисления

for( var i = 0; i < this.newposition.table.length; i++ ){
              formData.append('table[' + i + '][linenum]', this.newposition.table[i]['linenum']);
              formData.append('table[' + i + '][name]', this.newposition.table[i]['name']);
              .....
            }

Может существует более универсальный метод? На случай если вдруг будут изменяться/добавляться столбцы?

Answer 2

[Алексей Петров]

Попробуйте так

axios({
	method: 'post',
	{
		'Content-Type': 'application/json',
		'X-Requested-With': 'XMLHttpRequest'
	},
	url,
	JSON.stringify(data),
})