Результат Array.map не указан в запросе Ajax

Question

У меня очень запутанное поведение в javascript. Тело запроса HTTP: undefined=&undefined=.

var data = [1, 2].map(function(item) { 
    return { 
     Id: item, 
     Quantity: 1 
    } 
}); 

$.ajax({ 
    url: "someUrl", 
    type: "POST", 
    dataType: "json", 
    data: data 
}); 

Как я могу предотвратить потерю данных? Пожалуйста, порекомендуйте.

Answer 1

Проблема заключается в том, что вы публикуете data с Content-Type:application/x-www-form-urlencoded заголовком. Проверьте документацию для $.ajax. В этом случае данные, передаваемые сериализуются с $.param методом, который, если вы проверить документацию выполняет следующие действия:

Создать упорядоченное представление массива, простой объект, или объект JQuery, пригодный для использования в запросе URL string или Ajax. Если объект jQuery передан, он должен содержать элементы ввода с свойствами name/value.

И теперь вы знаете, почему данные размещены в

неопределенных = неопределенных & неопределенными = не определено

Наконец, если вы хотите разместить полезную нагрузку JSON можно stringify данных самостоятельно и добавить application/json content-type:

$.ajax({ 
    url: "someUrl", 
    type: "POST", 
    dataType: "json", 
    data: JSON.stringify(data), 
    contentType: "application/json; charset=utf-8" 
}); 

Answer 2

Атрибут data в функции ajax - это не данные, возвращаемые из выполнения ajax. Это данные, отправленные ему.

Используйте функцию обратного вызова success для обработки данных возвращается

$.ajax({ 
    url: "someUrl", 
    type: "POST", 
    dataType: "json", 
    data: data, 
    success: function(dataReturned) { 
     // Do something with dataReturned 
    } 
}); 

Посмотрите на documentation

Answer 3

Y ou необходимо, чтобы stringify ваш data объект, чтобы его можно было восстановить с помощью $_POST в пункте назначения.

var data = [1, 2].map(function(item) { 
    return { 
     Id: item, 
     Quantity: 1 
    } 
}); 
$.ajax({ 
    async: false, 
    url: 'someUrl', 
    method: 'post', 
    dataType: 'json', 
    data: 'data=' + JSON.stringify(data) /** <---- here; add a to retrieve on other end; in this case 'data=' */ 
}); 

Затем к нему доступ в ваш someUrl вы можете расшифровывает его с помощьюjson_decode():

$json = json_decode($_POST['data']); 

становится:

$json = Array 
(
    [0] => stdClass Object 
     (
      [Id] => 1 
      [Quantity] => 1 
     ) 

    [1] => stdClass Object 
     (
      [Id] => 2 
      [Quantity] => 1 
     ) 

) 

echo $json[0]->Id; // 1