微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

$.ajax、$.post、form表单序列化工具

表单序列化工具:form.serializeArray()

    $('#id_commit').click(function () {
        // 发送ajax请求 数据中包含普通键值对,也包含文件
        let formDataObj = new FormData();
        // 1 添加普通键值对
        {#console.log($('#myform').serializeArray()) //[{},{},{}]只包含普通键值对#}
        $.each($('#myform').serializeArray(),function (index,obj) {
            {#console.log(index,obj)#}
            formDataObj.append(obj.name,obj.value)
        });
        // 2 添加文件数据
        formDataObj.append('avatar',$('#myfile')[0].files[0]);
        // 3 发送ajax请求
        $.ajax({
            url:"",
            type:'post',
            data:formDataObj,

            // 需要指定两个关键性参数
            contentType:false,
            processData:false,

            success:function (args) {
               ...
            }
        })
    })

  

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐