您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

告别AJAX实现无刷新提交表单

2024/3/26 17:45:40发布15次查看
通常对于无刷新提交表单,我们都是运用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; }
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product