Form 表单提交的几种方式

来源：cnblogs　　作者：木秀秀秀于林　　时间：2019/4/11 9:14:17　　对本文有异议

简单的总结一下form表单提交的几种方式：

1.最简单的方式就用form的submit提交方式，这种提交方式是不需要回调函数的
   这种方式最近到一个form提供action路径后台接受就可以
<1form action="uploadify/getJsonText.do" method="post" id="textForm"  enctype="multipart/form-data">
    <1input type="file" name="geometryUpload" id="map_overlap_upload_file" />
<1input type="submit" click="sumbitForm">
<1/form>
利用 submit按钮就可以提交到后台，如果不想打开新的页面，在submitForm方法中设置return false;
2.利用按钮进行form的提交，包括ajax的post，get请求

//    $.ajax({
//        type: "POST",
//        dataType: "text",
//        url:"uploadify/getJsonText.do",
//        data:$('#textForm').serialize(),
//        error: function(request) {
//            alert("Connection error");
//        },
//        success: function(data) {
//            alert("data");
//        }
//    });

这里主要的是表单的序列化操作，但是我试了序列化只是对于简单的表单可以比如输入框之类的，对于file之类的是不可以的，这可以接受回调函数，进行处理对应的操作
3.利用ajax的ajaxSubmit方法进行提交
//    $("#textForm").ajaxSubmit({
//                        type: 'post',
//                        dataType:'text',
//                        url: "uploadify/getJsonText.do" ,
//                        success: function(data){
//                            alert( "success");
//                        },
//                        error: function(XmlHttpRequest, textStatus, errorThrown){
//                            alert( "error");
//                        }
//                    });
//
利用ajaxsumbit既可以实现简单的form提交，也可以获取后台参数
4.利用插件ajaxForm方式进行提交
//    var options = {
//            url:'uploadify/getJsonText.do',
//            success: function() {
//              alert('Thanks for your comment!');
//            } };
//    $('#textForm').ajaxForm(options){
//         $(this).ajaxSubmit();
//            // 为了防止普通浏览器进行表单提交和产生页面导航（防止页面刷新？）返回false
//            return false;
//    }