zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    Error:dojo.data.ItemFileWriteStore:Invalid item argument
    TypeError:_12.store.query is not a function
    Error:dijit.tree.TreeStoreModel:root query returned 0 items
    dijit.byId("grid") is undefined
    ORA-00600:internal error code,arguments:[keltnfy-idmlnit],[46],[1],[],[],[],[],[]
    gc cr block busy
    gc buffer busy acquire
    gc cr request
    LVS+Keepalived实现高可用集群
    关于函数授权问题
  • 原文地址:https://www.cnblogs.com/kunyun/p/10685538.html
Copyright © 2011-2022 走看看