Форма WordPress AJAX с элементами массива

Question

Форма WordPress AJAX с элементами массива

Чтобы быть на 100% ясным, я не спрашиваю, как использовать ajax с WordPress … Я уже знаю, как это сделать.

Моя проблема в том, что у меня есть элементы формы с именами массивов, которые не обрабатываются так, как мне нужно, в переменную $ _POST. Я получаю синтаксис FormData JavaScript, а не синтаксис PHP.

Пример…

HTML …

<form id="registerForm">
<input name="borrower[0][first_name]">
<input name="borrower[0][last_name]">
<input name="borrower[1][first_name]">
<input name="borrower[1][last_name]">
<button>Submit</button>
</form>

JS …

$('#registerForm').submit(function() {
var data = $(this).serializeArray();
// also tried data = new FormData(document.getElementById('registerForm'));
$.ajax(
url: ...,
dataType: 'json',
data: {
action: 'some_wp_action',
formData: data
},
success: function(response) {
console.log(response);
}
);
})

PHP …

add_action( 'wp_ajax_some_wp_action', 'some_wp_action' );
add_action( 'wp_ajax_nopriv_some_wp_action', 'some_wp_action' );

function some_wp_action() {
exit(json_encode($_POST['formData']));
}

выход…

[
{"name":"borrower[0][first_name]","value":"John"}
{"name":"borrower[0][last_name]","value":"Doe"}
{"name":"borrower[1][first_name]","value":"Jane"}
{"name":"borrower[0][last_name]","value":"Doe"}
]

Мне нужно, чтобы вывод был ассоциативным массивом, как если бы вы просто разместили данные формы естественным образом …

[
{"borrower":[
{"first_name":"John","last_name":"Doe"},
{"first_name":"Jane","last_name":"Doe"}
]}
]

1

ajax form-data php wordpress

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

ОК, так что я думаю, что ответ здесь: Преобразование данных формы в объект JavaScript с помощью jQuery

Вы хотите использовать serializeObject функция. Вот простая скрипка.

Таким образом, ваш JS, вероятно, будет выглядеть примерно так:

$('#registerForm').submit(function() {
var data = $(this).serializeObject();
$.ajax({
url: "submit.php",
data: {
action: 'some_wp_action',
user: data
},
success: function(response) {
$("#msg").html(response);
}
});
return false;
})

$.fn.serializeObject = function()
{
var o = {};
var a = this.serializeArray();
$.each(a, function() {
if (o[this.name] !== undefined) {
if (!o[this.name].push) {
o[this.name] = [o[this.name]];
}
o[this.name].push(this.value || '');
} else {
o[this.name] = this.value || '';
}
});
return o;
};

Из приведенного вами примера также неясно, почему вам необходимо user[0] в любом случае, местоположение только для одного пользователя, поэтому я упростил его для этого примера как такового:

<form action="submit.php" id="registerForm" onsubmit="return false">
<input name="username">
<input name="email">
<input type="password" name="pw">
<input type="password" name="pw_confirm">
<button>Submit</button>
</form>

это дало следующий результат:

{"action":"some_wp_action","user":{"username":"asdf","email":"fdsa","pw":"pasasdf","pw_confirm":"pasfdsa"}}

1