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

使用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 >
第二种： 
（html页面） 
HTML Code复制内容到剪贴板
 !DOCTYPE HTML  html lang= en-US  head  meta charset= utf-8  title iframe提交表单 /title  /head  body  iframe name= myiframe >
（PHP页面：form.php） 
XML/HTML Code复制内容到剪贴板
 ?php//设置时区 date_default_timezone_set( PRC 返回的提交消息 status:状态 msg:提示信息 $msg = array( status = 0, msg = //获取提交过来的数据 $name = $_POST[ username $pwd = $_POST[ userpwd //模拟登录验证 $user = array(); $user[ name ] = jack $user[ pwd ] = jack2014 if($name != $user[ name ]){ $msg[ msg ] = 该用户未注册! $str = json_encode($msg); echo $str; exit; }else if($pwd != $user[ pwd ]){ $msg[ msg ] = 输入的密码错误! $str = json_encode($msg); echo $str; exit; $msg[ msg ] = 登录成功! $msg[ status ] = 1; $str = json_encode($msg); echo $str;
以上内容是小编给大家介绍的基于HTML实现表单提交后无刷新页面的相关内容，希望对大家有所帮助！
相关推荐：
多种实例解析HTML表单form的使用方
以上就是基于HTML实现表单提交后不刷新页面的详细内容，html教程        
郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。