基于HTML实现表单提交后不刷新页面

2019-10-26 17:18:05

字体：大中小

来源：转载

供稿：网友

使用ajax实现表单提交无刷新页面在项目中经常会用到。前一段时间跟着师傅学到了另外几种无刷新提交表单的方法，主要是基于iframe框架实现的。现在整理出来分享给大家。
第一种：
（html页面）

HTML Code复制内容到剪贴板

<!DOCTYPE HTML> <html lang="en-US">

<title>无刷新提交表单</title> <style type="text/css">

ul{ list-style-type:none;} </style>

</head> <body>

<form action="form.php" method="POST" name="formphp" target="formsubmit">

</li> <li>

</li> <li>

</ul> </form>

</body> </html>

（PHP页面：form.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;

}

上一篇：XHTML中的常用标签整理

下一篇：&lt;td&gt;&lt;/td&gt;标签的border 样式在浏览器中显示不出来的

学习交流

电脑开不了机的原因和解决办法

电脑开不了机的原因和解决办法...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

荣耀总裁赵明乌镇演讲：荣耀首款5G手机V30下月发布

2019-10-23 09:17:05

搜狐张朝阳：回归媒体是搜狐重新崛起的关键

2019-10-21 09:20:02

华为轮值董事长郭平：虚拟技术创造现实价值

2019-10-21 09:00:12

滴滴英文服务上线两周年用户已超200万

2019-09-26 08:57:12

华为推出全球至快AI训练集群Atlas900

2019-09-25 08:46:36

马斯克：特斯拉正组建中国技术团队

2019-09-25 08:15:43

疑难解答

图片精选

网友关注