iframe无刷新提交表单，iframe仿ajax提交表单
码农天地 -
使用ajax可以实现无刷新提交表单，但有人表示ajax的效率不行，或者是其他缺点，例如客户端臃肿，太多客户段代码造成开发上的成本，如果网速慢，则会出现ajax请求缓慢，页面空白的情况，对客户的体验不好。ajax请求不利于搜索引擎优化，一般搜不到ajax添加到页面的信息。
这次就介绍一下iframe仿造ajax异步请求，实际上iframe是同步请求，只是把提交的跳转，发生在iframe的可视区域内。
代码index.html
<!DOCTYPE html>
<html>
<head>
<title>iframe提交表单</title>
<meta charset="utf-8">
<style type="text/css">
#result{
border: none; /*去掉默认的边框*/
width: 300px; /*可视区域的宽度*/
height: 60px; /*可视区域的高度*/
}
</style>
</head>
<body>
<!-- 表单 -->
<h1>iframe提交表单</h1>
<form action="check.php" method="post" target='result'>
<input type="text" name="user" placeholder="请输入账号"><br/>
<input type="password" name="pwd" placeholder="请输入密码"><br/>
<input type="submit" value="登陆"><br/>
</form>
<!-- 用于查看提交结果 -->
<iframe name='result' id="result" scrolling="no"></iframe>
</body>
</html>check.php
<style type="text/css">
*{
margin:0;
padding:0;
}
</style>
<?php
// 设置编码
header("Content-type:text/html;charset=utf-8");
// 获得POST过来的登陆所需参数
$user = $_POST["user"];
$pwd = $_POST["pwd"];
// 过滤参数
if ($user == '' && $pwd == '') {
echo "<p style='color:#f00;font-size:15px;margin-top:10px;'>账号和密码不得为空</p>";
}else if ($user == '' ) {
echo "<p style='color:#f00;font-size:15px;margin-top:10px;'>账号不得为空</p>";
}else if ($pwd == '' ) {
echo "<p style='color:#f00;font-size:15px;margin-top:10px;'>密码不得为空</p>";
}else{
echo "<p style='color:#000;font-size:15px;margin-top:10px;'>你提交的账号是：".$user."<br/>你提交的密码是：".$pwd."</p>";
}
?>http://www.likeyunba.com/demo...
本文作者Author:TANKING
Date:2021-01-13
Wechat:sansure2016
Web:http://www.likeyun.cn/
Qrcode:Join in
特别申明：本文内容来源网络，版权归原作者所有，如有侵权请立即与我们联系（cy198701067573@163.com），我们将及时处理。
php介绍
PHP即“超文本预处理器”，是一种通用开源脚本语言。PHP是在服务器端执行的脚本语言，与C语言类似，是常用的网站编程语言。PHP独特的语法混合了C、Java、Perl以及 PHP 自创的语法。利于学习，使用广泛，主要适用于Web开发领域。
上一篇： 注意！PHP中字符串与数字的比较
Tags 标签
php前端ajaxiframe表单提交扩展阅读
隐藏apache版本信息
2018-09-30 10:56:15 []CentOS 6.5安装php5.6
2018-09-30 11:36:53 []PHP版ZIP压缩解压类库
2018-12-22 13:11:00 []CentOS7.2安装 PHP7.3.4 操作详细教程
2020-06-28 19:09:43 []PHP 设置脚本超时时间、PHP脚本内存限制设置
2020-06-28 19:09:43 []PHP 函数filesize获取文件大小错误，一直不变
2020-06-28 19:09:43 []Linux php: command not found
2020-02-05 01:30:13 []php 缓冲区 buffer 原理
2020-06-28 19:09:43 []PHP中三种设置脚本最大执行时间的方法
2020-06-28 19:17:34 []加个好友，技术交流
