Javascript Ajax发送多部分/表单数据

我的html代码：

<form:form name="vcfForm" id="vcfForm" method="post" enctype="multipart/form-data" action="../acquaintance/readingContactsFromVcfFile"></form:form>

<input type="file" name="vcfFile" id="vcfFile" form="vcfForm" >
    <button type="button" name="vcfSubmit" id="vcfSubmit" form="vcfForm">Upload</button>

<form name="vcfForm" id="vcfForm" method="post" enctype="multipart/form-data" ></form>
<input type="file" name="vcfFile" id="vcfFile" form="vcfForm" >
    <button type="button" name="vcfSubmit" id="vcfSubmit" form="vcfForm">Upload</button>

我的jquery代码：

 $(document).on('click','#vcfSubmit', function() {
                        var vcfData = new FormData(); 
                        vcfData.append('files[]', $('#vcfForm').get(0).files[0]);
                        $.ajax({
                            url : "../acquaintance/readingContactsFromVcfFile?vcfFile="+vcfData,
                            type : "post",
                            cache : false,
                            processData: false,
                            contentType: false,
                            success : function(data) {
                            alert(data.message);                                        
                            }
                            });   
                    });  

$(document).on('click','#vcfSubmit',function(){
                         var vcfData = new FormData($('#vcfForm')[0]); 
                          $.ajax({
                                url : "../acquaintance/readingContactsFromVcfFile?vcfFile="+vcfData,
                                type : "post",
                                data : vcfData,
                                processData: false,
                                contentType: false,
                                cache : false,
                                success : function(data) {
                                }
                            });   
                    }); 

我的问题是，当我点击提交按钮时，页面将被提交，并返回页面中显示的消息“success”。 我希望在使用ajax提交表单或pass文件时页面不会刷新。 如何解决此问题？

html代码：

<form:form name="vcfForm" id="vcfForm" method="post" enctype="multipart/form-data" action="../acquaintance/readingContactsFromVcfFile"></form:form>

<input type="file" name="vcfFile" id="vcfFile" form="vcfForm" >
    <button type="button" name="vcfSubmit" id="vcfSubmit" form="vcfForm">Upload</button>

<form name="vcfForm" id="vcfForm" method="post" enctype="multipart/form-data" ></form>
<input type="file" name="vcfFile" id="vcfFile" form="vcfForm" >
    <button type="button" name="vcfSubmit" id="vcfSubmit" form="vcfForm">Upload</button>

jquery代码：

 $(document).on('click','#vcfSubmit', function() {
                        var vcfData = new FormData(); 
                        vcfData.append('files[]', $('#vcfForm').get(0).files[0]);
                        $.ajax({
                            url : "../acquaintance/readingContactsFromVcfFile?vcfFile="+vcfData,
                            type : "post",
                            cache : false,
                            processData: false,
                            contentType: false,
                            success : function(data) {
                            alert(data.message);                                        
                            }
                            });   
                    });  

$(document).on('click','#vcfSubmit',function(){
                         var vcfData = new FormData($('#vcfForm')[0]); 
                          $.ajax({
                                url : "../acquaintance/readingContactsFromVcfFile?vcfFile="+vcfData,
                                type : "post",
                                data : vcfData,
                                processData: false,
                                contentType: false,
                                cache : false,
                                success : function(data) {
                                }
                            });   
                    }); 

---

一切正常

好的。但是没有工作。。你有

是的，但是当我点击上传按钮时没有调用。[ajax调用也不工作]如果可能的话，使用ajax传递html文件？