碎片時間學編程「71]:將一組表單元素編碼為查詢字符串


使用FormData構造函數(shù)將 HTML 轉換form為FormData.

使用Array.from()使用Array.from()方法將 FormData轉換為數(shù)組,將 map 函數(shù)作為第二個參數(shù)傳遞。

使用Array.prototype.map()和encodeURIComponent()對每個字段的值進行編碼。

與適當?shù)膮?shù)一起使用Array.prototype.join()以生成適當?shù)牟樵冏址?/p>

JavaScript

const serializeForm = form =>

Array.from(new FormData(form), field =>

field.map(encodeURIComponent).join('=')

).join('&');

示例代碼

serializeForm(document.querySelector('#form'));

// email=test%40email.com&name=Test%20Name

更多內容請訪問我的網(wǎng)站:https://www.icoderoad.com

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容