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;
//    }

轉自：http://blog.sina.com.cn/s/blog_a9be5a470102vkzg.html##1