Возник POST вопрос

[Artur_Hopf]

Добрый день. Вопрос по поводу передачи массива из объектов.

Допустим у нас есть такая форма:

<form action="post.php" method="post">
<input type="text" name="post[0]['test1']" value="1"><br>
<input type="text" name="post[0]['test2']" value="2"><br>
<input type="text" name="post[1]['test1']" value="3"><br>
<input type="text" name="post[1]['test2']" value="4"><br>
<input type="submit" value="Отправить">
</form>


на выходе в post.php мы получим такой массив:

<?php
if(!empty($_POST['post'])){

print_r($_POST['post']);

Array
(
[0] => Array
(
['test1'] => 1
['test2'] => 2
)

[1] => Array
(
['test1'] => 3
['test2'] => 4
)

)
}


Если мы захотим передать такой же объект через jquery то результат будет таким же:


var post = {
'post': [
{
'test1': 1,
'test2': 2
},
{
'test1': 3,
'test2': 4
}
],
}
$.post("post.php", post, function(data) {
console.log(data);
}, "json");


Но вот если я хочу передать без jquety с помощью вот этой функции:

function postAjax(url, data, success) {
var params = typeof data == 'string' ? data : Object.keys(data).map(
function(k){ return encodeURIComponent(k) + '=' + encodeURIComponent(data[k]) }
).join('&');
var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
xhr.open('POST', url);
xhr.onreadystatechange = function() {
if (xhr.readyState>3 && xhr.status==200) { success(xhr.responseText); }
if (xhr.status==500) { console.log(xhr.responseText); }
};
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send(params);
return xhr;
}


То в php отправится такая строка:

post=%5Bobject%20Object%5D%2C%5Bobject%20Object%5D

Подскажите как переделать эту часть функции чтобы объект отправился нормально:


var params = typeof data == 'string' ? data : Object.keys(data).map(
function(k){ return encodeURIComponent(k) + '=' + encodeURIComponent(data[k]) }
).join('&');

[Artur_Hopf]

Вот так получилось:
var post = [
{
'test1': 1,
'test2': 2
},
{
'test1': 3,
'test2': 4
}
];
var formData = new FormData(),
request = new XMLHttpRequest();

[].forEach.call(post, function(item, i) {
for (key in item) {
formData.append('post[' + i + ']['+key+']', item[key]);
}
})

request.open("POST", "post.php");
request.send(formData);

[рони]

[].forEach.call(post, function(item, i) {
post.forEach(function(item, i) {

[Artur_Hopf]

рони,
поправил, спасибо :thanks: