告别AJAX实现无刷新提交表单
AJAX 实现 提交 表单 刷新 告别
2023-06-13 09:15:26 时间
通常对于无刷新提交表单,我们都是运用ajax实现的。前段时间跟着老大了解到另一种无刷新提交表单的方法。现在整理出来分享给大家。
第一种:
(html页面)
<!DOCTYPEHTML>
<htmllang="en-US">
<head>
<metacharset="utf-8">
<title>无刷新提交表单</title>
<styletype="text/css">
ul{list-style-type:none;}
</style>
</head>
<body>
<iframename="formsubmit"style="display:none;">
</iframe>
<!--将form表单提交的窗口指向隐藏的ifrmae,并通过ifrmae提交数据。-->
<formaction="form.php"method="POST"name="formphp"target="formsubmit">
<ul>
<li>
<labelfor="uname">用户名:</label>
<inputtype="text"name="uname"id="uname"/>
</li>
<li>
<labelfor="pwd">密 码:</label>
<inputtype="password"name="pwd"id="pwd"/>
</li>
<li>
<inputtype="submit"value="登录"/>
</li>
</ul>
</form>
</body>
</html>
(PHP页面)
<?php
//非空验证
if(empty($_POST["uname"])||empty($_POST["pwd"]))
{
echo"<scripttype="text/javascript">alert("用户名或密码为空!");</script>";
exit;
}
//验证密码
if($_POST["uname"]!="jack"||$_POST["pwd"]!="123456")
{
echo"<scripttype="text/javascript">alert("用户名或密码不正确!");</script>";
exit;
}else{
echo"<scripttype="text/javascript">alert("登录成功!");</script>";
exit;
}
相关文章
- jQuery ajax方法
- jQuery $.ajax()方法的使用
- Ajax实现从MySQL读取数据(ajax 读取mysql)
- Ajax实现MySQL读写服务接口(ajax读写mysql)
- AJAX技术简化Oracle数据库的访问处理(ajax连接oracle)
- 使用Ajax与Oracle实现极致可靠性开发(ajax oracle)
- 异步Ajax与Oracle数据库实现无缝连接(ajax连接oracle)
- ajax自动完成下拉框自动提示位置问题
- 用ajax实现的自动投票的代码
- AJAX和JSP实现的基于WEB的文件上传的进度控制代码
- javascript获取多条数据(模拟ajax获取数据)
- Ajax核心框架函数及例子
- asp.net结合Ajax验证用户名是否存在的代码
- 在vs2008中使用AJAX开发.net2.0下的Web程序的方法
- PHP利用AJAX获取网页并输出的实现代码(Zjmainstay)
- ajax异步刷新实现更新数据库
- JQuery的ajax的用法在asp中使用$.ajax()实现
- Ajax实现静态刷新页面过程带加载旋转图片
- jQuery之ajax技术的详细介绍
- 解析CI的AJAX分页另类实现方法
- js每隔5分钟执行一次ajax请求的实现方法
- iframe实现Ajax文件上传效果示例
- ajax怎么打开新窗口具体如何实现
- Ajax异步传输与PHP实现交互示例
- node.js+Ajax实现获取HTTP服务器返回数据
- jQuery+ajax实现动态执行脚本的方法