jQuery $.post 表单数据未定义

Question

我有这个代码:

var d = [];
$('.sortable li').each( function() {
    var book_id = $(this).attr('book-id');
    var order = $(this).index() + 1;
    d.push({'book_id': book_id, 'order': order});
});
console.log(d);
$.post('/books/reorder', d, function(resp) {
    alert(resp);
});

当我执行 console.log(d); 时，一切看起来都很棒，但是当我将其发布到服务器时，请求表单数据为空。

我在这里缺少什么吗？

谢谢!

Answer 1

docs声明数据只接受 PlainObject 或 String

Type: PlainObject or StringA plain object or string that is sent to the server with the request.

You are trying to send over an array. You can pass it over if you make it an object

$.post('/books/reorder', {data:d},function(resp) {

如果您阅读jquery.ajax有关数据属性的文档

dataType: PlainObject or StringData to be sent to the server. It is converted to a query string, if not already a string. It's appended to the url for GET-requests. See processData option to prevent this automaticprocessing. Object must be Key/Value pairs. If value is an Array, jQuery serializes multiple values with same key based on the value of the traditional setting

重要的部分是对象必须是键/值对。