在html中實現(xiàn)表單提交無刷新頁面在工作中經(jīng)常會用到。這篇文章為大家展示了幾種無刷新提交表單的方法，主要是基于iframe框架實現(xiàn)的。一起往下看吧。

創(chuàng)新互聯(lián)公司主要為客戶提供服務(wù)項目涵蓋了網(wǎng)頁視覺設(shè)計、VI標(biāo)志設(shè)計、營銷推廣、網(wǎng)站程序開發(fā)、HTML5響應(yīng)式成都網(wǎng)站建設(shè)、手機(jī)網(wǎng)站制作、微商城、網(wǎng)站托管及成都網(wǎng)站維護(hù)公司、WEB系統(tǒng)開發(fā)、域名注冊、國內(nèi)外服務(wù)器租用、視頻、平面設(shè)計、SEO優(yōu)化排名。設(shè)計、前端、后端三個建站步驟的完善服務(wù)體系。一人跟蹤測試的建站服務(wù)標(biāo)準(zhǔn)。已經(jīng)為成都生料攪拌車行業(yè)客戶提供了網(wǎng)站推廣服務(wù)。

第一種：
（html頁面）

HTML Code復(fù)制內(nèi)容到剪貼板

    
    
    
    
    
    
    
    
    
    
    
    
    
用戶名：    
    
    
    
密 碼：    
    
    
    
    
    
    
    
    
    

（PHP頁面：form.php）    

alert("用戶名或密碼為空!");';    
exit;    
}    
//驗證密碼 
if($_POST['uname'] != 'jack' || $_POST['pwd'] != '123456')    
{    
echo '';    
exit;    
} else {    
echo '';    
exit;    
}

第二種：

（html頁面）

HTML Code復(fù)制內(nèi)容到剪貼板

    
    
    
    
    
    
    
    
    
用戶名:
    
密 碼:
    
    
    
    
    

（PHP頁面：form.php）

XML/HTML Code復(fù)制內(nèi)容到剪貼板

0,'msg'=>'');    
//獲取提交過來的數(shù)據(jù)    
$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中實現(xiàn)表單提交無刷新頁面的具體操作，代碼詳細(xì)清楚，如果在日常工作遇到此問題，希望你能通過這篇文章解決問題。如果想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！