枰培教育
您的当前位置:首页HTML无刷新提交表单-jerrylsxu

HTML无刷新提交表单-jerrylsxu

来源:枰培教育


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

第一种:

(html页面)



 
 无刷新提交表单
 


 
 
  • (PHP页面:form.php)

    ';
     exit;
     }
     
     //验证密码
     if($_POST['uname'] != 'jack' || $_POST['pwd'] != '123456')
     {
     echo 'alert("用户名或密码不正确!");';
     exit;
     } else {
     echo '

    第二种:

    (html页面)

    
    
     
     iframe提交表单
    
    
     
     
    用户名:
    密 码:

    (PHP页面:form.php)

    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;
    显示全文