簡介
在Web 開發中,經常需要介紹收集輸入的資料成表單並提交到伺服器。序列化是指將這種表單資料轉換為易於傳輸和處理的格式的過程。雖然像 jQuery 這樣的 JavaScript 框架經常提供便利的表單序列化方法,但本文探討如何純粹使用本機 JavaScript 來實現此功能。
使用 FormData 進行表單序列化
瀏覽器的FormData API 提供了一種有效的方式來序列化表單數據,特別適合現代瀏覽器。它主要用於 POST 請求。
<code class="javascript">// Select the form element const form = document.querySelector('form'); // Create a new FormData object to hold the serialized data const params = new FormData(form); // Create an XMLHttpRequest object to submit the form data const request = new XMLHttpRequest(); // Send the formData using the request object request.send(params);</code>
值得注意的是,使用 FormData 有局限性,因為它可能不適用於 GET 請求,並且可能會遇到跨域問題。
以上是如何在純 JavaScript 中序列化表單:FormData 及其他指南?的詳細內容。更多資訊請關注PHP中文網其他相關文章!