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

  • 相关阅读:
    SpringIoC和SpringMVC的快速入门
    Swoole引擎原理的快速入门干货
    Windowns 10打开此电脑缓慢问题的一种解决办法
    CentOS下使用Postfix + Dovecot + Dnsmasq搭建极简局域网邮件系统
    CentOS7.2 创建本地YUM源和局域网YUM源
    CentOS 7.2 安装配置Samba服务器
    Zookeeper 日志输出到指定文件夹
    MySQL索引优化-from 高性能MYSQL
    Transaction事务注解和DynamicDataSource动态数据源切换问题解决
    Redis使用经验之谈
  • 原文地址:https://www.cnblogs.com/kunyun/p/10685538.html
Copyright © 2011-2022 走看看