如何使用 javascript XHR 將表單輸入分配給 API 發布請求？

Question

我正在使用 XHR javascript 發出帖子請求，如下所示：

let postObj = {
"Key": 1167722112,
"Remark": "",
"Total": 2,
"TotalTransferred": 0,
"SODTL": [
  {
    "Dtl": 11678,
    "Code": "Screw Hex",
    "Detail": true,
    "DTL": []
  }
]
}

let post = JSON.stringify(postObj)

const url = "http://example/api/Order/"
let xhr = new XMLHttpRequest()

xhr.open('POST', url, true)
xhr.setRequestHeader("Authorization", "eyJhbGciOiJoAKk8b8ToV7HFcg");
xhr.setRequestHeader("Content-Type", "application/json");
xhr.send(post);

xhr.onload = function () {
if(xhr.status === 201) {
    console.log("Post successfully created!")
}
}

並且上面的請求工作正常，但我想從表單中獲取數據而不是硬編碼

如何將 API 中的每個字段分配給特定輸入？

例如：

let postObj = {
"Key": => input name from form
"Remark": input name from form,
"Total": input name from form,
"TotalTransferred": input name from form,
"SODTL": [
  {
    "Dtl": input name from form,
    "Code": input name from form,
    "Detail": input name from form,
    "DTL": []
  }
]
}

如您所見，調用中有一個數組，當我將其分配給輸入名稱時，它是否會相同？ 像 name="field name" 或 name="[]field name"？

注意：英語不是我的母語，所以如果您需要更多解釋，請告訴我

Answer 1

將 API 中的特定數據分配給表單內的特定輸入名稱的解決方案

"Key": $('input[name="Key"]').val(),