如何在 JavaScript 中模擬 POST 表單提交？

在JavaScript 中透過POST 請求模擬表單提交

當導航到不同頁面需要POST 請求時，標準表單提交方法可能無法透過JavaScript 存取。本文介紹了一種動態發布資料並更改瀏覽器位置、模擬表單提交行為的解決方案。

動態表單建立和提交

要實現此目的，請建立動態表單，使用包含必要參數的隱藏輸入欄位填充它，然後提交它：

<br>function post(path, params, method='post') {<br> const form = document.createElement('form');<br> form.method = 方法;<br> form.action = 路徑;<p>for (參數中的const key) {</p><pre class="brush:php;toolbar:false">if (params.hasOwnProperty(key)) {
  const hiddenField = document.createElement('input');
  hiddenField.type = 'hidden';
  hiddenField.name = key;
  hiddenField.value = params[key];

  form.appendChild(hiddenField);
}

}

document.body.appendChild(form);
form.submit();
}

範例用法

要將參數「name」設為“Johnny Bravo” ，將資料提交至「/contact/」：

<br>post('/聯絡人/', {name: '約翰尼Bravo'});<br>

重要說明

在提供的解決方案中，「hasOwnProperty」檢查可確保跨瀏覽器和防止潛在的錯誤。

以上是如何在 JavaScript 中模擬 POST 表單提交？的詳細內容。更多資訊請關注PHP中文網其他相關文章！