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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM