Jquery 循環遍歷表單並創建關聯數組

Question

我正在嘗試遍歷一個無序列表，每個列表都有表單字段。 當我嘗試將它附加到 formdata 並通過 PHP 處理它時，它只會返回

team: "[object Object],[object Object]"

JS在這里：

var arr = [];
$( '#team_list li' ).each(function(idx, li) {
    $team_name = $( li ).find('input[name="team_name"]').val();
    $team_role = $( li ).find('input[name="team_role"]').val();
    $team_citizen = $( li ).find('#country').val();
    $team_status = $( li ).find('#id_team_status').val();
    arr.push({ name: $team_name, role: $team_role, citizen: $team_citizen, status: $team_status, });
});

fd.append('team', arr );

Answer 1

FormData.append的第二個參數需要是字符串或文件； 不是其中之一的任何內容都將轉換為字符串（請參閱手冊）。 所以你看到的是arr的字符串表示。 您需要做的是對arr進行 JSON 編碼（使用JSON.stringify ）即

fd.append('team', JSON.stringify(arr));

然后在你的 PHP 代碼中你可以寫

$teams = json_decode($_POST['team']);