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

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

创新互联公司主要为客户提供服务项目涵盖了网页视觉设计、VI标志设计、营销推广、网站程序开发、HTML5响应式成都网站建设、手机网站制作、微商城、网站托管及成都网站维护公司、WEB系统开发、域名注册、国内外服务器租用、视频、平面设计、SEO优化排名。设计、前端、后端三个建站步骤的完善服务体系。一人跟踪测试的建站服务标准。已经为成都生料搅拌车行业客户提供了网站推广服务。

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