家家旺源码超市

 找回密码
 立即注册
快捷导航
搜索
查看: 11|回复: 0

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

[复制链接]

7万

主题

7万

帖子

22万

积分

论坛元老

Rank: 8Rank: 8

积分
228718
发表于 2019-12-4 02:41:10 | 显示全部楼层 |阅读模式
告别AJAX实现无刷新提交表单
<p> 通常对于无刷新提交表单,我们都是运用ajax实现的。前段时间跟着老大了解到另一种无刷新提交表单的方法。现在整理出来分享给大家。</p>
<p> 第一种:</p>
<p> (html页面)</p>
<p> <p>代码如下:</p><p></p><p> !DOCTYPE HTML </p><p> html lang="en-US" </p><p> head </p><p> meta charset="utf-8" </p><p> title 无刷新提交表单 /title </p><p> style type="text/css" </p><p> ul{ list-style-type:none;}</p><p> /style </p><p> /head </p><p> bod最具灵异体质的星座y </p><p> iframe name="formsubmit" </p><p> /iframe !-- 将form表单提交的窗口指向隐藏的ifrmae,并通过ifrmae提交数据。 -- </p><p> form action="form.php" method="POST" name="formphp" target="formsubmit" </p><p> ul </p><p> li </p><p> <br> label for="uname" 用户名: /label </p><p> <br> input type="text" name="uname" id="uname" / </p怀孕期要怎么补充营养 孕妇适宜吃哪些食物><p> /li </p><p> li </p><p> <br> label for="pwd" 密 码: /label </p><p> <br> input type="password" name="pwd" id="pwd" / </p><p> /li </p><p> li </p><p> <br> input type="submit" value="登录" / </p><p> /li </p><p> /ul </p><p> /form </p><p> /body </p><p> /html </p></p>
<p> (PHP页面)</p>
<p> <p>代码如下连连看经典版好玩吗 连连看经典版玩法简介:</p><p></p><p> ?php</p><p> //非空验证</p><p> if(empty($_POST['uname']) || empty($_POST['pwd']))</p><p> {</p><p> echo ' script type="text/javascript" alert("用户名或密码为空!"); /script </p><p> exit;</p><p> }<br> //验证密码</p><p> if($_POST['uname'] != 'jack' || $_POST['pwd'] != '123456')</p><p> {</p><p> echo ' script type="text/javascript" alert("用户名或密码不正确!"); /script </p><p> exit;</p><p> } else {</p><p> echo ' script type="text/javascript" alert("登录成功!"); /script </p><p> exit;</p><p> }</p></p>
<p></p>
<p>
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|家家旺源码  

GMT+8, 2019-12-12 15:50 , Processed in 0.136825 second(s), 4 queries , File On.

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表