360教程:是一个免费提供流行杀毒软件教程、在线学习分享的学习平台!

基于HTML完成表单提交后不刷新页面

时间:2022-12-22作者:未知来源:360教程人气:

网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。
使用ajax实现表单提交无刷新页面在项目中经常会用到。前一段时间跟着师傅学到了另外几种无刷新提交表单的方法,主要是基于iframe框架实现的。现在小编整理特此分享脚本之家平台供大家参考

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

HTML Code复制内容到剪贴板

<!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页面:form.php)    

<?php    
//非空验证 
if(empty($_POST['uname'])   

关键词:基于HTML完成表单提交后不刷新页面




Copyright © 2012-2018 360教程(http://www.360sd.cn) .All Rights Reserved 网站地图 友情链接

免责声明:本站资源均来自互联网收集 如有侵犯到您利益的地方请及时联系管理删除,敬请见谅!

QQ:1006262270   邮箱:kfyvi376850063@126.com   手机版