FormData 數據轉化為 json 數據

兩種方法

<!-- 實例：將 FormData 轉化為 json -->

<meta charset="utf-8"/>

<form enctype='application/json' method="post">
    <label>用戶：</label>
    <input type="text" name="user"></br>
    <label>密碼：</label>
    <input type="texteara" name="password"></br>

    <input type="submit" value="提交">
</form>



<script>

// 版本二（箭頭語法）
var convert_FormData_to_json2 = function (formData) {
    var objData = {};
    
    formData.forEach((value, key) => objData[key] = value);
    
    return JSON.stringify(objData);
};

// 版本一
var convert_FormData_to_json = function (formData) {
    var objData = {};
    
    for (var entry of formData.entries()){
        objData[entry[0]] = entry[1];
    }
    return JSON.stringify(objData);
};

// 顯示根據Form生成的json數據
var formobj = document.querySelector('form');
formobj.addEventListener('submit', function(event){
    event.preventDefault();

    console.log(convert_FormData_to_json(new FormData(formobj)));
    console.log(convert_FormData_to_json2(new FormData(formobj)));

}, false);
</script>

效果圖

打開瀏覽器控制台