使用ajax實現表單提交無刷新頁面在項目中經常會用到。前一段時間跟著師傅學到了另外幾種無刷新提交表單的方法，主要是基于iframe框架實現的。現在整理出來分享給大家。
第一種：
（html頁面）

HTML Code復制內容到剪貼板

 !DOCTYPE HTML  html lang= en-US  head  meta charset= utf-8  title 無刷新提交表單 /title  style type= text/css ul{ list-style-type:none;}  /style  /head  body  iframe name= formsubmit >
第二種： 
（html頁面） 
HTML Code復制內容到剪貼板
 !DOCTYPE HTML  html lang= en-US  head  meta charset= utf-8  title iframe提交表單 /title  /head  body  iframe name= myiframe >
（PHP頁面：form.php） 
XML/HTML Code復制內容到剪貼板
 ?php//設置時區 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實現表單提交后無刷新頁面的相關內容，希望對大家有所幫助！
相關推薦：
多種實例解析HTML表單form的使用方
以上就是基于HTML實現表單提交后不刷新頁面的詳細內容，html教程        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。