表单提交后,没有页面跳转

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了表单提交后,没有页面跳转相关的知识,希望对你有一定的参考价值。

我写了a.html和a.php,两者放在php运行环境同一目录下,a.html为提交一个表单,a.php为接受表单数据并反馈,可是我从浏览器打开a.html并提交表单后,并没有反馈发生,这是为什么,求教大家。
a.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>feedback</title>
</head>
<body>
<div><p>Please input your information to submit the feedback</p>
<form action="newfile.php" method="POST">
<p>Name: <select name="title">
<option value="Mr.">Mr.</option>
<option value="Mrs.">Mrs.</option>
<option value="Ms.">Ms.</option>
</select>
<input type="text" name="name" size="20" /></p>
</form>
</div>
</body>
</html>

a.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title> welcome to the web! </title>
</head>
<body>
<?php
$title=$_POST['title'];
$name=$_POST['name'];
print "<p>Thank you,$title $name for your comments.</p>“;
?>
</body>
</html>

可以不用<input type="submit" />这种按钮,使用<input type="button" />或者div做的按钮,这样通过按钮的onclick事件触发你的JS程序,然后根据情况,由你自己控制表单提交。提交表单只要通过JS取到表单对象调用submit方法就可以,document.getElementById('表单id').submit(); 参考技术A <form action="newfile.php" method="POST">
这个action应该是a.php吧?

jsp 如何实现提交表单 但不跳转到提交页面

如题

最好举例

赐教

参考技术A 确实是不可能的
但可以做出类似的效果,我考虑了两种方案
1 在form标签里加上target=_blank,页面在提交时不会跳走,但会重新打开一个页面,在那里跳转,在那里把程序执行完之后,做一个无询问的关闭就行了
2 用ajax提交,这样页面就真正做到了不跳转,但我不建议你这样做,ajax是不可靠的,有时什么错都不报,但就是没执行成功,而且估计要写很长的js代码,要点功底
参考技术B 不用ajax也可以。。。我搞个iframe。。在iframe里提交。。提交时用js写。。。document.from.submit();再parent.docuemnt.loaction.href="xxx.jsp";这样子可以吧?我让上层页面跳转。。视觉上看不出来的。本回答被提问者采纳 参考技术C 不可能的。。。

以上是关于表单提交后,没有页面跳转的主要内容,如果未能解决你的问题,请参考以下文章

怎么实现php表单提交后不跳转

为啥使用了form表单之后页面会跳转,并且页面一片空白

jsp 如何实现提交表单 但不跳转到提交页面

如何在 form 表单提交后实现页面不跳转

在HTML中,建立一个提交表单页面,提交后可以直接在数据库看见。

在HTML中,建立一个提交表单页面,提交后可以直接在数据库看见。