js FormData方法介紹

2022-09-19 11:09:08 字數 2621 閱讀 3467

formdata型別其實是在xmlhttprequest 2級定義的,它是為序列化表以及建立與表單格式相同的資料(當然是用於xhr傳輸)提供便利。

建立乙個formdata物件例項有幾種方式

1、建立乙個空物件例項

var formdata = new formdata();
2、使用已有的表單來初始化乙個物件例項

假如現在頁面已經有乙個表單

我們可以使用這個表單元素作為初始化引數,來例項化乙個formdata物件

//

獲取頁面已有的乙個form表單

var form = document.getelementbyid("

myform");

//用表單來初始化

var formdata = new

formdata(form);

//我們可以根據name來訪問表單中的字段

var name = formdata.get("

name

"); //

獲取名字

var psw = formdata.get("

psw"); //

獲取密碼

//當然也可以在此基礎上,新增其他資料

token

","kshdfiwi3rh

");

首先,我們要明確formdata裡面儲存的資料形式,一對key/value組成一條資料,key是唯一的,乙個key可能對應多個value。如果是使用表單初始化,每乙個表單字段對應一條資料,它們的html name屬性即為key值,它們value屬性對應value值。

我們可以通過get(key)/getall(key)來獲取對應的value,

formdata.get("

name

"); //

獲取key為name的第乙個值

formdata.get("

name

"); //

返回乙個陣列,獲取key為name的所有值

k1", "v1"

);"k1", "v2"

);"k1", "v1"

);formdata.

get("

k1"); //

"v1"

formdata.getall("

k1"); //

["v1","v2","v1"]

我們可以通過set(key, value)來設定修改資料,如果指定的key不存在則會新增一條,如果存在,則會修改對應的value值。

k1", "v1"

);formdata.

set("

k1", "1"

);formdata.getall("k1

"); //

["1"]

我們可以通過has(key)來判斷是否對應的key值

k1", "v1"

);"k2",null

);formdata.has("k1

"); //

true

formdata.has("

k2"); //

true

formdata.has("

k3"); //

false

通過delete(key),來刪除資料

k1", "v1"

);"k1", "v2"

);"k1", "v1"

);formdata.delete("k1

");formdata.getall("k1

"); //

我們可以通過entries()來獲取乙個迭代器,然後遍歷所有的資料,

k1", "v1"

);"k1", "v2"

);"k2", "v1"

);var i =formdata.entries();

i.next();

//i.next(); //

i.next(); //

可以看到返回迭代器的規則

每呼叫一次next()返回一條資料,資料的順序由新增的順序決定

返回的是乙個物件,當其done屬性為true時,說明已經遍歷完所有的資料,這個也可以作為判斷的依據

返回的物件的value屬性以陣列形式儲存了一對key/value,陣列下標0為key,下標1為value,如果乙個key值對應多個value,會變成多對key/value返回

我們也可以通過values()方法只獲取value值

k1", "v1"

);"k1", "v2"

);"k2", "v1"

);var i =formdata.values();

i.next();

//i.next(); //

i.next(); //

我們可以通過xhr來傳送資料

這種方式可以來實現檔案的非同步上傳。

matplotlib pyplot 方法介紹

先畫乙個最簡單的。當plot方法裡只有乙個引數時,預設為y。x從0開始,這裡為 0,1,2,3 同時指定x和y 設定軸數值範圍和線條格式 ro 代表紅色圓點。類似的還有 bs blue squares g green s 等。axis 的引數含義為 xmin,xmax,ymin,ymax subpl...

jQuery html 等方法介紹

對於獲取某乙個元素的值,如input框,我們往往是用 test val test 這個我就不多說了,反正就是獲取id為test的這個元素。test val 也就是獲取它的值,一般來說,凡是能夠用在form裡的元素,都可以用.val 來進行值的獲取,如input,textarea,select等,都可...

paint類方法介紹

paint類介紹 paint即畫筆,在繪圖過程中起到了極其重要的作用,畫筆主要儲存了顏色,樣式等繪製資訊,指定了如何繪製文字和圖形,畫筆物件有很多設定方法,大體上可以分為兩類,一類與圖形繪製相關,一類與文字繪製相關。1.圖形繪製 setargb int a,int r,int g,int b 設定繪...