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

■知識點(diǎn)

使用XMLHttpRequest對象發(fā)送表單數(shù)據(jù)時，需要創(chuàng)建一個FotmData對象。其用法如下：

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

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

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

    xhr.send(formData);

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

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

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

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