告别AJAX实现无刷新提交表单
程序员文章站
2022-03-31 08:16:29
...
通常对于无刷新提交表单，我们都是运用ajax实现的。前段时间跟着老大了解到另一种无刷新提交表单的方法。现在整理出来分享给大家。
第一种：
（html页面）
代码如下:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>无刷新提交表单</title>
<style type="text/css">
ul{ list-style-type:none;}
</style>
</head>
<body>
<iframe name="formsubmit" style="display:none;">
</iframe>
<!-- 将form表单提交的窗口指向隐藏的ifrmae,并通过ifrmae提交数据。 -->
<form action="form.php" method="POST" name="formphp" target="formsubmit">
<ul>
<li>
<label for="uname">用户名：</label>
<input type="text" name="uname" id="uname" />
</li>
<li>
<label for="pwd">密 码：</label>
<input type="password" name="pwd" id="pwd" />
</li>
<li>
<input type="submit" value="登录" />
</li>
</ul>
</form>
</body>
</html>
第二种：
（php页面）
代码如下:
<?php
//非空验证
if(empty($_POST['uname']) || empty($_POST['pwd']))
{
echo '<script type="text/javascript">alert("用户名或密码为空!");</script>';
exit;
}
//验证密码
if($_POST['uname'] != 'jack' || $_POST['pwd'] != '123456')
{
echo '<script type="text/javascript">alert("用户名或密码不正确!");</script>';
exit;
} else {
echo '<script type="text/javascript">alert("登录成功!");</script>';
exit;
} 上一篇： win10开机密码忘了没有u盘
推荐阅读
-
jquery实现ajax提交form表单的方法总结
-
Laravel框架基于ajax和layer.js实现无刷新删除功能示例
-
jquery+ajax+C#实现无刷新操作数据库数据的简单实例
-
Ajax无刷新技术实现省市县三级联动下拉菜单--Asp.Net
-
Smarty结合Ajax实现无刷新留言本实例
-
纯javascript的ajax实现php异步提交表单的简单实例
-
向后台提交数据：通过form表单提交数据需刷新网页 但通过Ajax提交数据不用刷新网页可通过原生态Ajax或jqueryAjax。Ajax代码部分
-
ajax实现无刷新省市县三级联动
-
ajax无刷新分页的简单实现
-
php+ajax实现无刷新分页