关于HTML实现表单提交后不刷新页面的方法

在html中实现表单提交无刷新页面在工作中经常会用到。这篇文章为大家展示了几种无刷新提交表单的方法，主要是基于iframe框架实现的。一起往下看吧。

第一种：
（html页面）

HTML Code复制内容到剪贴板

                                        
    
    
    用户名：        
    
    密 码：        
    
        
    
    
            （PHP页面：form.php）    alert("用户名或密码为空!");';    exit;    }    //验证密码 if($_POST['uname'] != 'jack' || $_POST['pwd'] != '123456')    {    echo '';    exit;    } else {    echo '';    exit;    }

第二种：

（html页面）

HTML Code复制内容到剪贴板

                                
    用户名:
    密 码:
        
            

（PHP页面：form.php）

XML/HTML Code复制内容到剪贴板

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中实现表单提交无刷新页面的具体操作，代码详细清楚，如果在日常工作遇到此问题，希望你能通过这篇文章解决问题。如果想了解更多相关内容，欢迎关注行业资讯频道！