当前位置:编程学习 > XML/UML >>

用jQuery.ajax 基于XMLHttpRequest,FormData 的表单上传

XMLHttpRequest 已经推出很长时间了,W3C 对此引入了一些很好的特性,阮一峰有一篇很好的文章对此进行了汇总式的介绍 XMLHttpRequest Level 2 使用指南 。
在实际使用中排除那些落伍的浏览器,最简单的使用方法就是
用标准的 HTML 语法生成 FORM 表单
hander 表单的 submit 事件,用 FormData 生成 XMLHttpRequest 提交数据,进行提交, 向submit 返回 false
处理 XMLHttpRequest 结果
这样就完成了ajax方式的表单提交。当然这是支持文件上传 的。如果我们使用 jQuery.ajax 代码大概就是这个样子
Js代码:  
$('yourform').submit(function(){  
    var formdata=new FormData(this);  
    $.ajax({  
        type:'POST',  
        url:'/yourpath',  
        data:formdata,  
        /** 
         *必须false才会自动加上正确的Content-Type 
         */  
        contentType:false,  
        /** 
         * 必须false才会避开jQuery对 formdata 的默认处理 
         * XMLHttpRequest会对 formdata 进行正确的处理 
         */  
        processData:false  
    }).then(function(){  
        //doneCal  
    },function(){  
        //failCal
    });  
    return false;  
});  
标准之下就是这么简单。
有很多时候是可以要求用户使用现代浏览器的。比如对于编辑,对应定制的企业用户。
补充:web前端 , JavaScript ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,