form表单如何提交数据(表单中提交请求默认方式)

Form表单提交数据的几种方式一、submit提交在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮()就可以进行数据的提交,每一个input标签都需要有一个name属性,才能进行提交。当点击登陆时,向数据库发生的数据是:username=username&password=password.

大家好,又见面了,我是你们的朋友全栈君。

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/128882.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • GG修改器怎么激活成功教程游戏保护_gg修改器游戏保护修改不了怎么办

    GG修改器怎么激活成功教程游戏保护_gg修改器游戏保护修改不了怎么办今天阿森给大家发一个GG修改器的教程,很多朋友遇到一些脚本程序不知道怎么样使用!今天就给大家发一个详细的!GG修改器使用脚本超详细图文教程讲解一,框架是什么我们使用gg修改器的话,就需要用到root,但是,并不是所有人都会去root,所以这个时候框架就出现了,框架的话相当于给了gg修改器一个root权限二,脚本是什么脚本简单地说就是一条条的文字命令,这些文字命令是可以看到的(如可以用记事…

  • ajax最常见的几种面试题

    ajax最常见的几种面试题1,什么是ajax?请谈一下你对ajax的认识AJAX是“AsynchronousJavaScriptandXML”的缩写。他是指一种创建交互式网页应用的开发技术。ajax包含下列技术:基于web标准XHTML+CSS表示;使用dom进行动态显示及交互;使用xml和xslt进行数据交换及相关操作;使用xmlhttprequest进行异步数据查询,检索;使用Java…

  • Navicat15在线激活码【在线注册码/序列号/破解码】

    Navicat15在线激活码【在线注册码/序列号/破解码】,https://javaforall.cn/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

  • rabbitmq异步处理_怎么解决js异步方法执行顺序

    rabbitmq异步处理_怎么解决js异步方法执行顺序RabbitMQ即一个消息队列,主要是用来实现应用程序的异步和解耦,同时也能起到消息缓冲,消息分发的作用。使用RabbitMQ实现异步更新文章浏览量,提升阅读文章时的响应速度。从直接更新数据库耗时450ms到异步更新数据库耗时50ms,明显提升接口性能,非常的nice~………

  • 获取不同长度的UUID[通俗易懂]

    获取不同长度的UUID[通俗易懂]在公司,有时候让处理一些命名规则时,要使用一个唯一标识,还是十六进制的,需要多少位看领导心情.怎么做呢?你别说用随机产生组合的方法啊?虽然那个可行,但是我觉得难受.知道有UUID这个玩意儿之后,那就好办了.UUID含义是通用唯一识别码(UniversallyUniqueIdentifier),这是一个软件建构的标准,也是被开源软件基金会(OpenSoftwareFoundatio

  • High Performance Browser Networking – TCP UDP TLS

    High Performance Browser Networking – TCP UDP TLS

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号