Form表单提交数据的几种方式

Posted 狼王不乖s

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Form表单提交数据的几种方式相关的知识,希望对你有一定的参考价值。

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方法进行提交,

以上是关于Form表单提交数据的几种方式的主要内容,如果未能解决你的问题,请参考以下文章

Form表单提交数据的几种方式

Form表单提交数据的几种方式

Form表单提交数据的几种方式

jquery或js前端提交数据的几种方式

form表单的几种提交方式

Form表单的几种提交方式