Form 表单提交的几种方式

简单的总结一下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;
//    }

 

转自：