基于HTML实现表单提交后不刷新页面_HTML/Xhtml_网页制作

HTML Code复制内容到剪贴板


 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
"formsubmit" style="display:none;"> 
 
 
 
 
 
 
 
 
 
 
 
 
 
（PHP页面：form.php） 
 
 
 

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




第二种： 
（html页面） 

HTML Code复制内容到剪贴板


 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
"myiframe" style="display:none;" onload="iframeLoad(this);"> 
 
 
 
 
 
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"; 
 
} 
 
} 
 
} 
 
 
 
 
 
 



（PHP页面：form.php） 

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


 

 
//设置时区 
 
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; 


以上内容是小编给大家介绍的基于HTML实现表单提交后无刷新页面的相关内容，希望对大家有所帮助！