form表单只提交数据而不进行页面跳转的原因

最新推荐文章于 2024-06-15 23:38:46 发布
最新推荐文章于 2024-06-15 23:38:46 发布
阅读量335 收藏
点赞数
文章标签： java 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_66468899/article/details/132503975
版权

form表单只提交数据而不进行页面跳转的原因

1，背景：构建了javaWeb项目，然后书写了一个注册的html文件【主要是一个表单】，

然后书写了一个Servelt程序，用来处理表单的提交，结果发现：form表单只提交数据而不进行页面跳转？

2，原因：em，检查完各自路径发现都没有问题，仔细一开form的属性action（发现是action这个单词写错了哈哈哈）

补充一点小常识：# 占位符，即当前页面的意思。

当你想将当前的表单提交给当前页面时，action的属性就写为 #

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

我叫岩雨
关注
form表单提交不跳转的方式
10-08
form提交后不跳转，增强用户体验。 工程采用jquery写前端，struts2做一个跳转返回数据。
form提交不跳转
AnnGreen的博客
01-15 7577
form 表单提交数据，往往会刷新页面，数据提交后会跳转到其他页面 如果不需要刷新页面时，可以通过ifame实现无刷新。 在form表单下定义一个ifame 将 form 的 target 属性指向 iframe 的 name 属性，这样就实现了不刷新页面的form提交。 <form action="./radioformserver.php" target="frameName"> <input type="radio" name="sel" id="" value="a"&gt
form表单点击提交按钮不跳转
最新发布
weixin_73199578的博客
06-15 359
哈哈哈这个问题我找了好久的原因，一度怀疑是自己的环境的问题，真的被自己蠢到了，不过自己也是刚开始接触前端，哈哈哈就笑笑吧。这里的sumbit才会把post的表单提交上去，一定要注意。
form表单提交数据不让跳转办法
兔子很忙
07-01 7500
form表单提交数据不让跳转办法 应用场景： 1、弹出层 2、需要连续提交多条记录的情况 3、页面多个存在提交事件，需要局部提交情况 方法一：加个return false，阻止表单跳转 <form action="/api/xxx/action" method="post" onsubmit = "return false"> 方法二： 把type="submit"属性换成type=“button” <input type="button" name="submit" value="
阻止表单的默认提交事件
热门推荐
fairyier
04-23 3万+
表单一点击提交按钮(submit)必然跳转页面，如果表单的action为空也会跳转到自己的页面，即效果为刷新当前页。 如下，可以看到一点击提交按钮，浏览器的刷新按钮闪了一下：如果想要阻止表单的默认提交事件，有以下几种方法：1.将&lt;input&gt;标签内按钮类型从type="submit"修改为type="button"2.表单内的&lt;button&gt;未指定类型时，默认的类型为sub...
form表单submit提交后不跳转页面，且能捕获返回信息
mm_hello11的博客
06-28 1434
【代码】form表单submit提交后不跳转页面，且能捕获返回信息。
form表单只提交数据而不进行页面跳转的解决方案
01-19
点击submit按钮或直接回车可以将数据提交到saveReport页面，但是提交后也会跳转到saveReport页面 如何做到 将数据提交到saveReport（form的action指向）页面，但是页面又不进行跳转，即保持当前页面不变呢？...
vue 解决form表单提交但不跳转页面的问题
10-16
当我们想要在表单提交时执行特定的JavaScript函数而不是进行页面跳转，我们可以使用`.prevent`修饰符。`.prevent`修饰符会在事件触发时调用`event.preventDefault()`方法，阻止事件的默认行为，即防止表单的默认提交...
Form提交表单页面刷新不跳转
12-13
1、设计源码 复制代码代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ... <head> <... charset=utf-8″ />...Form提交表单页面不跳转</title> </head> <b
Form表单提交刷新页面不跳转源码设计
09-28
在探讨Form表单提交并刷新页面却不进行页面跳转的实现方法时，我们需要从几个关键知识点入手。首先是HTML表单的基础知识，其次是如何利用表单的提交机制，然后是通过iframe技术实现页面内容的局部刷新而不影响整个...
html5 ,form表单提交不跳转
qq_53790158的博客
06-08 3672
form表单是经常用到的一种提交数据的方法，经常用于登录或者注册功能。可是form表单提交会跳转至提交的链接，这对于前后端分离的项目就有点不太友好。所以说我们需要在表单提交后不跳转，并且获取到接口返回的数据。可以使用jQuery-form.js这个包。【自行下载】具体操作如下： 以是表单html代码：......
表单页面提交后不跳转的处理方法
hslisz的博客
08-05 4055
表单页面提交后不跳转、表单域校验提示提交成功，并重置当前页面、实现上传文件多选
表单页面提交后不跳转的处理方法(核心版)
qq_45693549的博客
03-03 735
表单提交后页面不跳转的简要实现
禁用Form表单提交的跳转
Markix的博客
08-21 2302
默认Form表单提交后浏览器地址会跳转到action地址，有时候我们只是想要Form表单发起一个请求，并不希望浏览器的地址跳转。这就需要禁用Form表单的跳转机制。
关于如何解决form表单提交不跳转其他页面的方法-------重定向
qq_43910202的博客
02-07 6254
这是我的博客网址 https://blog.csdn.net/qq_43910202 在我做项目的过程中，我遇到一个相对棘手的难题。我想利用form表单，向后台提交数据的时候，总会跳转到另外一个页面，让我很苦恼。 这是我做的一个请假系统（内容是我自己编的，不是真实的信息，只作为参考） 当我点击选项并提交之后系统会跳转到一个页面，这个问题苦恼了好久。 这是前端页面，我用jsp写的...
form 表单提交后，使页面不跳转
qq_42617840的博客
03-20 4371
form 表单提交数据，往往会刷新页面，数据提交后会跳转到其他页面 如果不需要刷新页面时，可以通过ifame实现无刷新。 在form表单下定义一个ifame 将 form 的 target 属性指向 iframe 的 name 属性，这样就实现了不刷新页面的form提交。 示例： <form action="url" enctype="multipart/form-data" target...
form表单action提交表单，页面不跳转且表单数据含文件的处理方法
weixin_30663471的博客
08-20 713
在最近的项目中需要将含 input[type='file']的表单提交给后台 ，并且后台需要将文件存储在数据库中。之前所用的方法都是先将文件上传到七牛服务器上，然后七牛会返回文件的下载地址，在提交表单的时候将文件的下载地址和其他表单元素一起提交即可。但是现在考虑到安全性，这些文件不能上传到七牛服务器上，得直接提交给后台存储到数据库中，在此需要注意以下问题： 1、提交表单时，如果要提交file...
form表单提交不跳转页面并刷新
05-15
要实现form表单提交不跳转页面并刷新，可以使用Ajax技术。具体步骤如下： 1. 给form表单添加一个id属性，方便在JavaScript中使用。 2. 使用JavaScript获取form表单元素和提交按钮元素。 3. 给提交按钮元素添加一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我叫岩雨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值