之前使用formData都是在network中查看引數，最近在做一個專案，介面還沒有，用的假資料做的互動，突發奇想的console.log了 一下，結果是空的，
一開始以為append失效了，經過查證原來：FormData是一種特殊型別的物件，它不可字串化，不能僅使用console.log列印出來，
如果需要列印可以：
formData.forEach((value, key) => { console.log("key %s: value %s", key, value); })
FormData常用方法：
一.創建一個formData物件實體的方式 1、創建一個空物件 var formData = https://www.cnblogs.com/gxp69/p/new FormData();//通過append方法添加資料 1 2、使用已有表單來初始化物件 //表單示例 <form id="myForm" action="" method="post"> <input type="text" name="name">名字 <input type="password" name="psw">密碼 <input type="submit" value="https://www.cnblogs.com/gxp69/p/提交"> </form> //方法示例 // 獲取頁面已有的一個form表單 var form = document.getElementById("myForm"); // 用表單來初始化 var formData = https://www.cnblogs.com/gxp69/p/new FormData(form); // 我們可以根據name來訪問表單中的欄位 var name = formData.get("name"); // 獲取名字 var psw = formData.get("psw"); // 獲取密碼 // 當然也可以在此基礎上，添加其他資料 formData.append("token","kshdfiwi3rh"); 二. 操作方法 formData里面存盤的資料是以健值對的形式存在的，key是唯一的，一個key可能對應多個value， 如果是使用表單初始化，每一個表單欄位對應一條資料，它們的HTML name屬性即為key值，它們value屬性對應value值， 1.獲取值 //通過get(key)/getAll(key)來獲取對應的value formData.get("name"); // 獲取key為name的第一個值 formData.get("name"); // 回傳一個陣列，獲取key為name的所有值 //通過append(key, value)來添加資料，如果指定的key不存在則會新增一條資料，如果key存在，則添加到資料的末尾 formData.append("k1", "v1"); formData.append("k1", "v2"); formData.append("k1", "v3"); 獲取值時方式及結果如下 formData.get("k1"); // "v1" formData.getAll("k1"); // ["v1","v2","v3"] 3.設定修改資料 //set(key, value)來設定修改資料，如果指定的key不存在則會新增一條，如果存在，則會修改對應的value值 formData.append("k1", "v1"); formData.set("k1", "1"); formData.getAll("k1"); // ["1"] 4.判斷是否存在對應資料 //has(key)來判斷是否對應的key值 formData.append("k1", "v1"); formData.append("k2",null); formData.has("k1"); // true formData.has("k2"); // true formData.has("k3"); // false 5.洗掉資料 //delete(key)洗掉資料 formData.append("k1", "v1"); formData.append("k1", "v2"); formData.append("k1", "v1"); formData.delete("k1"); formData.getAll("k1"); // []
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/156212.html
標籤：JavaScript
下一篇：js判斷Android和Ios