php HTML无刷新提交表单

发布时间：2022-07-15 13:07:19 所属栏目：PHP教程来源：互联网

导读：这篇文章主要介绍了php HTML无刷新提交表单，本文介绍了两种无刷新提交表单的方法，感兴趣的小伙伴们可以参考一下. 通常对于无刷新提交表单，我们都是运用ajax实现的。前段时间跟着老大了解到另一种无刷新提交表单的方法，是利用iframe框架实现的。现在整理

这篇文章主要介绍了php HTML无刷新提交表单，本文介绍了两种无刷新提交表单的方法，感兴趣的小伙伴们可以参考一下.

　　通常对于无刷新提交表单，我们都是运用ajax实现的。前段时间跟着老大了解到另一种无刷新提交表单的方法，是利用iframe框架实现的。现在整理出来分享给大家。

　　第一种：html页面

　　<!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 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(emptyempty($_POST['uname']) || emptyempty($_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;
　　 }
　　第二种：html页面

　　<!DOCTYPE HTML>
　　<html lang="en-US">
　　<head>
　　 <meta charset="utf-8">
　　 <title>iframe提交表单</title>
　　</head>
　　<body>
　　 <iframe name="myiframe" style="display:none;" onload="iframeLoad(this);"></iframe>
　　 <form action="form.php" target="myiframe" method="POST">
　　   用户名:<input type="text" name="username" /><br/>
　　   密码:<input type="password" name="userpwd" /><br/>
　　
　　   <input type="submit" value="登录" />
　　 </form>
　　
　　 <script type="text/javascript">
　　   function iframeLoad(iframe){
　　    var doc = iframe.contentWindow.document;
　　    var html = doc.body.innerHTML;
　　    if(html != ''){
　　     //将获取到的json数据转为json对象
　　     var obj = eval("("+html+")");
　　     //判断返回的状态
　　     if(obj.status < 1){
　　      alert(obj.msg);
　　     }else{
　　      alert(obj.msg);
　　      window.location.href="http://www.baidu.com";
　　     }
　　    }
　　   }
　　 </script>
　　</body>
　　</html>
　　PHP页面：form.php

　　<?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;

（编辑：阜新站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!