js ajax提交表单内容(包括图片文件)

使用ajax直接提交表单的数据，在后台会无法获取，因为ajax无法上传文件，需要按下面代码这样写

var formData = new FormData($("#myform")[0]); // "#myform" form标签的id值

$.ajax({
    url: "{:U(GROUP_NAME.'/Wallet/chongzhi')}", // 请求地址
    type: 'POST', // 请求方式
    data: formData, // 数据
    dataType: 'json', // 预期的服务器返回的数据类型
    contentType: false, // 必需，否则报错，告诉jQuery不要去设置Content-Type请求头
    processData: false, // 必需，否则报错，告诉jQuery不要去处理发送的数据
    success: function(res) {
        if (res.status == 1) {
            console.log(res.info)
        }
        $(".btn").attr('disabled', false);
    },
    error: function() {
        alert("请求失败");
        $(".btn").attr('disabled', false);
    }
})

首先依第一行获取form表单的数据，作为data

注意：

contentType: false,

processData: false

这两行是必须的，否则会报错