源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-10-03 08:16 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:告别AJAX实现无刷新提交表单
通常对于无刷新提交表单,我们都是运用ajax实现的。前段时间跟着老大了解到另一种无刷新提交表单的方法。现在整理出来分享给大家。 第一种: (html页面)
[u]复制代码[/u] 代码如下:
<!DOCTYPE HTML> <html lang="en-US"> <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页面)
[u]复制代码[/u] 代码如下:
<?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;   }
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部