FormData js對象的介紹和使用

時間 2019-11-12

原文原文鏈接

FormData js對象的介紹和使用javascript

FormData對象，能夠把全部表單元素的name與value組成一個queryString,提交到後臺。在使用ajax提交時，使用FormData對象能夠減小拼接queryString的工做量（queryString是查詢字符串，http查詢字符串由url中？後面的值指定）html

當頁面上的form以GET方式向頁面發送請求數據時 (如數據含有不安全字符，則瀏覽器先將其轉換成16進制的字符再傳送，如空格被轉換成%20時 ) ,web server 將請求數據放入一名爲QUERY_STRING的環境變量中。 Request.QueryString 方法是從這一環境變量中取出相應的值，並將被轉成16進制的字符還原java

FormData

1. 概述

FormData 對象的使用：
1.用一些鍵值對來模擬一系列表單控件：即把form中全部表單元素的name與value組裝成
一個queryString
2. 異步上傳二進制文件。

二、屬性

1. FormData對象的操做方法，能夠在原型中查看web

三、用法

建立一個formData對象實例有幾種方式ajax

一、建立一個空對象實例segmentfault

var formData = new FormData();

此時能夠調用append()方法來添加數據瀏覽器

二、使用已有的表單來初始化一個對象實例安全

假如如今頁面已經有一個表單app

<form id="myForm" action="" method="post">
    <input type="text" name="name">名字
    <input type="password" name="psw">密碼
    <input type="submit" value="提交">
</form>

咱們能夠使用這個表單元素做爲初始化參數，來實例化一個formData對象異步

// 獲取頁面已有的一個form表單
var form = document.getElementById("myForm");
// 用表單來初始化
var formData = new FormData(form);
// 咱們能夠根據name來訪問表單中的字段
var name = formData.get("name"); // 獲取名字
var psw = formData.get("psw"); // 獲取密碼
// 固然也能夠在此基礎上，添加其餘數據
formData.append("token","kshdfiwi3rh");

　　（文章參考自：https://segmentfault.com/a/1190000012327982 https://blog.csdn.net/saharalili/article/details/79002568）