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

第一种:php ajax无刷新提交表单

html页面

<html lang=\"en-US\">
<head>
  <  charset=\"utf-8\">
  < >无刷新提交表单</ >
  <style type=\"text/css\">
    ul{ list-style-type:none;}
  </style>
</head>
<body>
  <  name=\"formsubmit\" style=\"display:none;\">
  </ >
   
  <!-- 将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\']) || empty($_POST[\'pwd\']))
 {
  echo \'<  type=\"text/ \">alert(\"用户名或密码为空!\");</ >\';
  exit;
 }
  
 //验证密码
 if($_POST[\'uname\'] != \'jack\' || $_POST[\'pwd\'] != \'123456\')
 {
  echo \'<  type=\"text/ \">alert(\"用户名或密码不正确!\");</ >\';
  exit;
 } else {
  echo \'<  type=\"text/ \">alert(\"登录成功!\");</ >\';
  exit;
 }

 

第二种:php ajax无刷新提交表单

html页面

<!DOCTYPE HTML>
<html lang=\"en-US\">
<head>
  <  charset=\"utf-8\">
  < > 提交表单</ >
</head>
<body>
  <  name=\"my \" style=\"display:none;\"  =\" Load(this);\"></ >
  <form action=\"form.php\" target=\"my \" method=\"POST\">
   用户名:<input type=\"text\" name=\"username\" /><br/>
   密 码:<input type=\"password\" name=\"userpwd\" /><br/>
    
   <input type=\"submit\" value=\"登录\" />
  </form>
   
  <  type=\"text/ \">
   function  Load( ){
    var doc =  .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\";
     }
    }
   }
  </ >
</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;

以上就是本文的全部内容,希望对大家学习php程序设计有所帮助。

收藏 打印