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

于 2023-08-25 22:23:50 发布
阅读量249 收藏
点赞数
文章标签： java 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_79206800/article/details/132503977
版权

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

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

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

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

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

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

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

十五喵
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Form提交表单页面刷新不跳转
12-13
1、设计源码 复制代码代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>Form提交表单页面不跳转</title> </head> <b
form表单点击提交按钮不跳转
最新发布
weixin_73199578的博客
06-15 246
哈哈哈这个问题我找了好久的原因，一度怀疑是自己的环境的问题，真的被自己蠢到了，不过自己也是刚开始接触前端，哈哈哈就笑笑吧。这里的sumbit才会把post的表单提交上去，一定要注意。
form提交不跳转
AnnGreen的博客
01-15 7537
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表单只提交数据而不进行页面跳转的方法
热门推荐
u013594477的专栏
02-05 4万+
解决方案：将数据提交到saveReport（form的action指向）页面，但是页面又不进行跳转，即保持当前页面不变呢？利用jquery的ajaxSubmit函数以及form的onsubmit函数完成 一般的写法为： "saveReport.htm" method="post"> …… type="submit" value="保存报告"/> 点击submit按钮或直接回车可
form表单提交不跳转的方式
10-08
form提交后不跳转，增强用户体验。 工程采用jquery写前端，struts2做一个跳转返回数据。
html5 ,form表单提交不跳转
qq_53790158的博客
06-08 3628
form表单是经常用到的一种提交数据的方法，经常用于登录或者注册功能。可是form表单提交会跳转至提交的链接，这对于前后端分离的项目就有点不太友好。所以说我们需要在表单提交后不跳转，并且获取到接口返回的数据。可以使用jQuery-form.js这个包。【自行下载】具体操作如下： 以是表单html代码：......
form表单只提交数据而不进行页面跳转的解决方案
01-19
点击submit按钮或直接回车可以将数据提交到saveReport页面，但是提交后也会跳转到saveReport页面 如何做到 将数据提交到saveReport（form的action指向）页面，但是页面又不进行跳转，即保持当前页面不变呢？...
vue 解决form表单提交但不跳转页面的问题
10-16
当我们想要在表单提交时执行特定的JavaScript函数而不是进行页面跳转，我们可以使用`.prevent`修饰符。`.prevent`修饰符会在事件触发时调用`event.preventDefault()`方法，阻止事件的默认行为，即防止表单的默认提交...
Form表单提交刷新页面不跳转源码设计
09-28
主要介绍了Form表单提交刷新页面如何不跳转，实现源码如下，大家不妨参考参考
Form提交表单后页面刷新不跳转的实现
dicuan0092的博客
06-26 447
1 <form action="" id="" method="post" target="nm_iframe"> 2 　　<input type="text" id="input_text" name="input_text"/> 3 　　<input type="submit" id="sobmit" name="submit" value=...
表单提交数据页面不跳转
qq_39504802的博客
04-09 1626
先看需求： 点击——立即购买 按钮 会弹出一个二级菜单，需要用户继续选择 这个二级菜单有——继续购物，结账 —— 两个按钮， 那么我需要在点击图1的——立即购买——之后向后端提交购物数据，并且弹出二级菜单 这就要求点击按钮时，向后端提交数据，同时不跳转页面， 需求解释完毕，上代码 需要用到的包有 jquery.form.min.js 这是jquery的一个插件，不要下错了 <script type="text/javascript"> ...
form表单只提交数据，而不进行页面跳转
wzy_3463的专栏
09-18 3394
一般的form提交操作写法为 Html代码 form action="saveReport.htm" method="post">       ……       input type="submit" value="保存报告"/>   form>   点击submit按钮或直接回车可以将数据提交到saveReport页面，但是提交后也会跳转到saveRepo
form表单submit提交后不跳转页面，且能捕获返回信息
mm_hello11的博客
06-28 1385
【代码】form表单submit提交后不跳转页面，且能捕获返回信息。
form 表单提交后，使页面不跳转
qq_42617840的博客
03-20 4349
form 表单提交数据，往往会刷新页面，数据提交后会跳转到其他页面 如果不需要刷新页面时，可以通过ifame实现无刷新。 在form表单下定义一个ifame 将 form 的 target 属性指向 iframe 的 name 属性，这样就实现了不刷新页面的form提交。 示例： <form action="url" enctype="multipart/form-data" target...
如何让form 表单提交数据后，页面不跳转不刷新？（已解决）
数据库爆破专家的博客
05-24 2922
思路： 先把写好的iframe标签隐藏起来，给form绑定属性target为和iframe一模一样的值，当点击button进行提交后，就会提交到iframe框里面，这样就不会重新打开一个新页面且成功提交数据 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, .
form表单提交不跳转
路漫漫~
10-20 4652
form表单中的 target的作用是让form提交后在什么窗口下打开,有时候只需要往后台传值，并不需要打开新窗口，可采用写个看不见的iframe 这样我们写一个iframe，像下面这样设置这个iframe是看不到的。         最终，form表单提交会打开iframe，但iframe被我们设置成看不见的，这样form提交时就刷新不跳转
Form表单提交数据不跳转
voodoo的博客
03-28 1999
form表单提交不跳转页面并刷新
05-15
要实现form表单提交不跳转页面并刷新，可以使用Ajax技术。具体步骤如下： 1. 给form表单添加一个id属性，方便在JavaScript中使用。 2. 使用JavaScript获取form表单元素和提交按钮元素。 3. 给提交按钮元素添加一...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值