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

2019年9月8日 170次阅读 来源: fengxiuping

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>
中

    原文作者：fengxiuping
    原文地址: https://segmentfault.com/a/1190000000461339
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞