如何使用 JavaScript 模擬 HTML 表單 POST 提交？

透過JavaScript POST 要求模擬HTML 表單提交

針對如何在JavaScript 中使用表單提交模擬POST 請求的查詢，最優的跨瀏覽器方法是動態建立表單元素並提交它們。

要實現此目的，請遵循以下步驟步驟：

1. 創建表單元素：

   const form = document.createElement('form');
   form.method = 'post';
   form.action = path;

2. 新增輸入欄位：

   for (const key in params) {
     if (params.hasOwnProperty(key)) {
       const hiddenField = document.createElement('input');
       hiddenField.type = 'hidden';
       hiddenField.name = key;
       hiddenField.value = params[key];
   
       form.appendChild(hiddenField);
     }
   }

3. 附加表格並提交：

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

此技術動態建立一個表單，使用要求參數的隱藏輸入欄位填入該表單，然後啟動提交程序。提交後，瀏覽器會更改位置，模擬傳統表單提交的行為。

範例：

post('/contact/', {name: 'Johnny Bravo'});

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