JavaScript 發(fā)送表單數(shù)據(jù)

■知識(shí)點(diǎn)

使用XMLHttpRequest對(duì)象發(fā)送表單數(shù)據(jù)時(shí)，需要?jiǎng)?chuàng)建一個(gè)FotmData對(duì)象。其用法如下：

    var form = document.getElementByld(nformln); var formData = new FormData(form);

FormData()構(gòu)造函數(shù)包含一個(gè)參數(shù)，表示頁面中的一個(gè)表單（form)元素。

創(chuàng)建formData對(duì)象之后，把該對(duì)象傳遞給XMLHttpRequest對(duì)象的sendO方法即可。

    xhr.send(formData);

使用formData對(duì)象的appendO方法可以追加數(shù)據(jù)，這些數(shù)據(jù)將在向服務(wù)器端發(fā)送數(shù)據(jù)時(shí)隨著用戶在表單控件中輸入的數(shù)據(jù)一起發(fā)送到服務(wù)器端。appendO方法的用法如下：

    formData. append ('add_data'、'測(cè)試1); //在發(fā)送之前添加附加數(shù)據(jù)

該方法包含兩個(gè)參數(shù)：第1個(gè)參數(shù)表示追加數(shù)據(jù)的鍵名，第2個(gè)參數(shù)表示追加數(shù)據(jù)的鍵值。

當(dāng)formData對(duì)象中包含附加數(shù)據(jù)時(shí)，服務(wù)器端將該數(shù)據(jù)的鍵名視為一個(gè)表單控件的name屬性值，將該數(shù)據(jù)的鍵值視為該表單控件中的數(shù)據(jù)。