zoukankan      html  css  js  c++  java
  • Form表单提交数据的几种方式

    一、submit提交

    在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮(<input type=’submit’>)就可以进行数据的提交,每一个input标签都需要有一个name属性,才能进行提交。

    <form action=’http://www.123.com/postValue’ method=’post’>

    <input type=’text’ name=’username’ />

    <input type=’password’ name=’password’/>

    <input type=’submit’ value=’登陆'/>

    </form>

    当点击登陆时,向服务端发生的数据是:username=username&password=password.

    这种默认的提交方式,一般会进行页面的跳转(不成功时跳转到当前页面)。而有时候我们是对弹出框进行数据提交的,希望提交成功则关闭弹出框并刷选父页面,失败则提示失败原因,且弹出框不关闭。此时可以采用Ajax进行数据提交.

    二、Ajax提交form表单

    $('#documentForm').submitForm({
                url: "/Document/SubmitDocumentCreate",
                dataType: "text",
                callback: function (data) {
                    endFileUpload();
                    data = eval("(" + data + ")");
                    alert(data.Content);
                    if (data.Result > 0) {
                        location.href = data.Redirect;
                    }
                },
                before: function () {
                    startFileUpload();
                    var errMsg = "";
                }
            }).submit();

    此时可以在callback函数中对请求结果进行判断,然后执行不同的动作(页面跳转或刷选数据、提醒错误都可以)

    三、Easyui的form插件

    通过easyui的form插件也可以达到上面的目的。

    $('#ff').form('submit', {

    url:...,

    onSubmit: function(){

    //进行表单验证

    //如果返回false阻止提交

    },

    success:function(data){

    alert(data)

    }

    });

    四、form表单提交附件

    需要设定form的enctype="multipart/form-data"并且添加<input type=’file’>

    而且附件只能通过submit方法进行提交,

  • 相关阅读:
    每天一个JavaScript实例-铺货鼠标点击位置并将元素移动到该位置
    Max-Min Fairness带宽分配算法
    Centos Apache和tomcat集成配置,同一时候支持PHP和JAVA执行
    Linux硬件信息查询命令
    D3DXMatrixMultiply 函数
    垃圾回收GC:.Net自己主动内存管理 上(三)终结器
    使用python抓取CSDN关注人的全部公布的文章
    公司-科技:百度
    公司-科技:阿里巴巴
    公司-科技:腾讯
  • 原文地址:https://www.cnblogs.com/Jxwz/p/4509618.html
Copyright © 2011-2022 走看看