博客列表 >AJAX异步提交

AJAX异步提交

大家讲道理的博客
大家讲道理的博客原创
2017年07月25日 17:55:441016浏览
<script>
$(function(){
    $(".submit_btn").click(function(){
        if(!window.FormData){ 
            alert('your brower is too old');
            return false;
        }
        var $this=$(this);
        var thisform=$this.parents('form');
        var checkform_o=true;
        $("input[required]").each(function(){
            if($.trim($(this).val())=="" && checkform_o){
                $(this).focus();
                checkform_o=false;
            }
        });
        if(!checkform_o){
            return false;
        }
        $.ajax({
            url:location.href,
            data:new FormData(thisform[0]),
            type:'post',
            cache:false,
            processData: false,
            contentType: false,
            dataType:'json',
            success:function(data){
                if(data.status==1){
                    layer.msg('修改成功', {icon: 1});
                }else{
                    layer.msg(data.msg, {icon: 2});
                }
            },
            error:function(){
                layer.msg("网络错误", {icon: 2});
            }
        });
    });
});
</script>

今天在做后台提交时,遇到AJAX提交不能够提交图***字段的数据,特别记录下。

 data:new FormData(thisform[0]),
            type:'post',
            cache:false,
            processData: false,
            contentType: false,

重点是这几行。

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议