其他分享
首页 > 其他分享> > $.ajax、$.post、form表单序列化工具

$.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) {
               ...
            }
        })
    })

  

标签:function,obj,form,formDataObj,serializeArray,ajax,键值,序列化
来源: https://www.cnblogs.com/ericyjchung/p/16181694.html