jquery - 我如何重构这段代码以将数据 append 到对象

Question

我创建了一个 FormData 对象，并使用以下代码行向其 append 元素。它对我来说效果很好，但我想知道是否有重构的方法来做到这一点。

var form_data = new FormData();

//Append the data into the FormData object 
form_data.append('action', 'my_action');
form_data.append('username', $("[name=username]").val());
form_data.append('email', $("[name=email]").val());
form_data.append('first_name', $("[name=first_name]").val());
form_data.append('last_name', $("[name=last_name]").val());
form_data.append('website', $("[name=website]").val());
form_data.append('password', $("[name=password]").val());

我正在 ajax 中发送此 form_data。

$.ajax({
    url: register_data.admin_url,
    type: 'POST',
    data: form_data,
    processData: false,
    contentType: false, 
    success: function( response ) {
        alert( 'Got this from the server: ' + response );
    }
});

Answer 1

假设您要发送请求中 form 标记内所有表单输入的值，那么您可以通过提供 form 的引用来简化代码到 FormData 构造函数。试试这个:

$('#myForm').submit(function(e) {
    e.preventDefault();
    $.ajax({
        url: register_data.admin_url,
        type: 'POST',
        data: new FormData(this), // < populates the FormData with all values in the form
        processData: false,
        contentType: false, 
        success: function(response) {
            alert('Got this from the server: ' + response);
        }
    }); 
});