javascript - ajax() 考虑值 null jQuery

Question

我正在尝试从 div 获取所有输入数据并将其发送以进行处理(在 PHP 中)。然而，尽管我很确定，因为我在调用 ajax() 函数之前已经在控制台记录了变量 bookeeDetails ，所以有一个值。

$("#finalsubmit").click(function () {
    var bookeeDetails = [];

    $("#bookeeDetails :input").each(function () {
        bookeeDetails[$(this).attr('name')] = $(this).val();
    });

    console.log(bookeeDetails);

    $.ajax({
        url: url,
        type: 'post',
        data: {
            bookee: bookeeDetails
        },
        success: function (response) {
            $("#info").html(response);
        }
    });
});

基本上，我打算在 PHP 脚本中访问 $_POST['bookee']['keyname']。不幸的是，当请求被发送时，PHP 没有收到任何东西。我测试过输入固定值，效果很好，而且我 100% 确定 bookeeDetails 包含数据。

这是 bookeeDetails 尚未填充的情况，因为在填充循环完成之前发送了请求吗？如果是这样，我该如何阻止这种情况发生？

Answer 1

因为我在 finalsubmit 中看到提交，我猜你那里有一个表格，所以你可能正在寻找 serializeArray :

$( '#bookeeDetails' ).serializeArray();

希望这对您有所帮助。

var data = $( '#bookeeDetails' ).serializeArray();

var books = {};

$.each(data, function(i, obj){
  books[obj.name] = obj.value;  
})

console.log(books);
console.log(books['title']);
console.log(books['autor']);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form id='bookeeDetails'>
  <input type="text" name="title" value="Biography">
  <br>
  <input type="text" name="autor" value="Jack">
  <br>
  <input type="text" name="edition" value="2016">
</form>