jquery ajax提交formdata数据

$(document).ready(function(){
    $('#form').submit(function(e){
        e.preventDefault(); // 阻止表单默认提交行为
        var formData = new FormData(this); // 获取表单数据
        $.ajax({
            url: 'your_server_url',
            type: 'POST',
            data: formData,
            contentType: false,
            processData: false,
            success: function(data){
                console.log(data);
            },
            error: function(xhr, status, error){
                console.log(xhr.responseText);
            }
        });
    });
});复制

表单数据和文件上传到服务器

在这个例子中，我们使用了 jQuery 的 $.ajax() 方法发送 POST 请求，并将表单数据（包括文件）作为数据发送到服务器。注意，我们需要设置 contentType 和 processData 为 false，以便正确处理表单数据和文件。最后，在成功和错误的回调函数中，您可以执行您需要的操作。