ajax提交java表单_使用ajax提交form表单，包括ajax文件上传

使用ajax提交form表单可以实现不刷新页面的数据交互，而ajax文件上传则可以实现异步上传文件。

首先，需要在前端页面中引入jquery库和jquery.form插件。

然后，通过jquery的ajax方法来提交表单数据，代码如下：

$(document).ready(function(){
    $('#submitForm').click(function(){
        var formData = new FormData($('#myForm')[0]);
        $.ajax({
            url: 'submit.php',  // 提交的url地址
            type: 'POST',  // 提交方式
            data: formData,
            dataType: 'json', // 返回值类型
            cache: false,  // 是否缓存
            processData: false,  // 是否处理数据
            contentType: false,  // 是否设置内容类型
            success: function(data){
                // 成功回调函数
            },
            error: function(){
                // 失败回调函数
            }
        });
        return false;
    });
});

其中，`#submitForm`为提交按钮的id，`#myForm`为表单的id，`submit.php`为后台处理程序的url地址。

对于文件上传，需要将`processData`和`contentType`设置为`false`，并使用`FormData`对象来传递表单数据，如下所示：

$(document).ready(function(){
    $('#submitForm').click(function(){
        var formData = new FormData($('#myForm')[0]);
        $.ajax({
            url: 'submit.php',  // 提交的url地址
            type: 'POST',  // 提交方式
            data: formData,
            dataType: 'json', // 返回值类型
            cache: false,  // 是否缓存
            processData: false,  // 是否处理数据
            contentType: false,  // 是否设置内容类型
            success: function(data){
                // 成功回调函数
            },
            error: function(){
                // 失败回调函数
            }
        });
        return false;
    });
});

后台处理程序可以通过`$_FILES`变量来获取上传的文件信息。