Form 提交表 单页面刷新不跳转

方法一：

1.提交form,action 提交数据，但页面不跳转，可以使用Iframe简单方法

<!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>
<body>
<form action="hello.php"method="post"target="id_iframe">
<input type="text"id="input_text"name="input_text"/>
<input type="submit"id="sobmit"name="submit"value="提交"/>
</form>
<iframe id="id_iframe"name="id_iframe"style=""></iframe><!--hello.php页面返回的数据 显示在iframe 中->
</body>
</html>

2.注意1 <form action="hello.php"method="post"target="id_iframe"></from>中的target 一定是你要指定要显示返回结果的 <iframe id="id_iframe"name="id_iframe"style=""></iframe> 标签中的name属性

3.注意2 <iframe id="id_iframe"name="id_iframe"style=""></iframe> 可以放到body中的任何位置 特别注意可以放到 <form action="hello.php"method="post"target="id_iframe"></from> 中

时间： 2024-10-09 23:04:39

Form 提交表 单页面刷新不跳转的相关文章

form提交表单上传图片

上传图片后将图片显示在当前页面上,本打算用ajax,但是上传图片必须设置 enctype="multipart/form-data",而要提交之后页面不跳转,所以查资料后采用form+iframe的方式.空的iframe并且不显示,将form的target设置为iframe,就会提交到iframe上,从而实现不刷新页面上传. <form name="uploadForm" id="uploadForm" method="post&

解析：使用easyui的form提交表单，在IE下出现类似附件下载时提示是否保存的现象

原文:解析:使用easyui的form提交表单,在IE下出现类似附件下载时提示是否保存的现象 之前开发时遇到的一个问题,使用easyui的form提交表单,在Chrome下时没问题的,但是在IE下出现类似附件下载时提示是否保存的现象. 这里记录一下如何解决的.其实这个现象不光是easyui的form,还有其他一些form插件也是一样的,使用不当就会遇到这个问题. 前台: <!DOCTYPE html> <html> <head> <meta http-equiv=

form提交表单

菜鸟的第一篇文章,今天在工作中遇到一个问题.下面来说说,也许很多大神都知道了,但作为菜鸟还是想说说. 对于table表格里面的数据,如下: [html] view plain copy print? <pre name="code" class="html">  <table> <tr> <td>ID</td> <td>姓名</td> <td>年龄</td> 

用HTTP状态码实现提交表单后刷新页面不重复提交

正常情况下,表单提交后如果用户刷新页面会重复提交表单,有些情况下我们不希望表单重复提交,利用HTTP协议中的307状态码重定向页面可以实现这个目的.实例如下: 表单页面代码: <form action="1.php" method="post"> <input type="text" name="na"> <input type="submit" value="提交&

ASP.NET提交表单不刷新页面方法（包含UpdatePanel与JS冲突的解决方法）

一.在form表单中添加 <asp:ScriptManager ID="ScriptManager1" runat="server">    </asp:ScriptManager >    <asp:UpdatePanel ID="uid"  runat="server">//控制页面刷新      <ContentTemplate> //表单页面 </ContentTe

html中提交表单并实现不跳转页面处理返回值

<html> <head> <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script> <!-- 处理iframe回调的代码块 --> <script type="text/javascript"> var handlerFlag

Form提交表单后页面刷新不跳转的实现

<form action="" id="" method="post" target="nm_iframe"> <input type="text" id="input_text" name="input_text"/> <input type="submit" id="sobmit" name=&

form提交表单没接收到$_POST

分享一个最近做项目遇到的奇葩经历: 很奇怪的,我在弄一个表单提交的时候,后台验证就报了非post提交错误 我就郁闷了,我form明明写的method为post,不可能是非post错误啊 经历反应测试,发现选择一张图片提交就可以,当选择两张图片提交的时候,就报非post提交错误 查看浏览器的控制台(Network),看的请求提交头也是post,没问题.那就确定是提交图片的问题咯 再反应测试,发现,当提交两张一样的图片的时候不行,提交两张不一样的图片的,他又可以了!!!?? 难道浏览器还有"不可以f

关于提交表单页面无响应

我真的被自己蠢哭了!!! 我今天把我的代码和别人整合的时候出现了问题,我有一个页面是更新用户个人信息,修改后点提交就可以改正了.结果我整合之后,点击按钮,页面却毫无反应.代码上找不出啥错,pycharm也没报错,显示post请求200,没啥问题.我就开始临时学习postman,看看我的post请求和响应怎么出错了,结果看不懂,不知道怎么改,大概只知道请求提交成功了,但是收不到响应.最后实在没办法了,就说从头开始学起,就找了别人的代码,开始学flask表单提交.这一看就看出问题了,我的HTML里面