在使用Ajax時,可以通過FormData對象來序列化表單數據,并以鍵/值對的形式發送到服務器。
以下是使用FormData對象的一般步驟:
// 創建一個新的FormData對象
var formData = new FormData();
// 通過form元素創建FormData對象
var form = document.getElementById('myForm');
var formData = new FormData(form);
formData.append('name', 'John Doe');
formData.append('email', 'johndoe@example.com');
var xhr = new XMLHttpRequest();
xhr.open('POST', 'example.php', true);
xhr.onload = function() {
if (xhr.status >= 200 && xhr.status < 300) {
console.log(xhr.responseText);
} else {
console.error('Request failed: ' + xhr.status);
}
};
xhr.send(formData);
通過上述步驟,可以使用FormData對象來序列化表單數據并發送到服務器。