当前位置: 洪哥笔记 > DHTML > FormData的使用

 

FormData的使用


关键词

FormData Javascript

摘要

本文介绍Javascript中FormData的使用,主要用于Ajax提交表单数据。

先看一个使用FormData的例子:

$("#btnSubmit").on('click', function() {
    var formData = new FormData($( "#f" )[0]);
    $.ajax({  
        url: $( "#f" ).attr('action'),
        type: 'POST',
        data: formData,
        async: false,
        cache: false,
        contentType: false,
        processData: false,
        success: function (data) {
            alert("success");
        },  
        error: function (data) {  
            alert('fail, error:' + data.info);
        }
    });
});


注意以下几点:

1、var formData = new FormData($( "#f" )[0]);
使用jquery为FormData赋值时,使用 $('#FormID)[0]。不知道为什么要当成一个数组。

2、FormData可以打包数字、字符串、文件等内容,所以不用担心,放心的使用FormData来进行ajax表单提交吧。


关于FormData的使用,本文就介绍这么多,希望对您有所帮助,谢谢!

 

文章的版权

洪哥写文章很苦逼,如果本文对您略有帮助,点击感兴趣的广告支持洪哥!万分感谢!本文属于“洪哥笔记”原创文章,转载请注明来源地址:FormData的使用:http://www.splaybow.com/post/formdata-use-6406.html

关注与收藏

如果您在服务器运维、网络管理、网站或系统开发过程有需要提供收费服务,请加QQ:115085382!十年运维经验,帮您省钱、让您放心!
亲,如果有需要,先存起来,方便以后再看啊!加入收藏夹的话,按Ctrl+D


« Ajax提交表单时防止重复提交