php HTML無刷新提交表單
通常對于無刷新提交表單,我們都是運(yùn)用ajax實(shí)現(xiàn)的。前段時間跟著老大了解到另一種無刷新提交表單的方法,是利用iframe框架實(shí)現(xiàn)的?,F(xiàn)在整理出來分享給大家。
第一種:
html頁面
<!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" style="display:none;"> </iframe> <!-- 將form表單提交的窗口指向隱藏的ifrmae,并通過ifrmae提交數(shù)據(jù)。 --> <form action="form.php" method="POST" name="formphp" target="formsubmit"> <ul> <li> <label for="uname">用戶名:</label> <input type="text" name="uname" id="uname" /> </li> <li> <label for="pwd">密 碼:</label> <input type="password" name="pwd" id="pwd" /> </li> <li> <input type="submit" value="登錄" /> </li> </ul> </form> </body> </html>
PHP頁面:form.php
<?php //非空驗(yàn)證 if(empty($_POST['uname']) || empty($_POST['pwd'])) { echo '<script type="text/javascript">alert("用戶名或密碼為空!");</script>'; exit; } //驗(yàn)證密碼 if($_POST['uname'] != 'jack' || $_POST['pwd'] != '123456') { echo '<script type="text/javascript">alert("用戶名或密碼不正確!");</script>'; exit; } else { echo '<script type="text/javascript">alert("登錄成功!");</script>'; exit; }
第二種:
html頁面
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="utf-8"> <title>iframe提交表單</title> </head> <body> <iframe name="myiframe" style="display:none;" onload="iframeLoad(this);"></iframe> <form action="form.php" target="myiframe" method="POST"> 用戶名:<input type="text" name="username" /><br/> 密 碼:<input type="password" name="userpwd" /><br/> <input type="submit" value="登錄" /> </form> <script type="text/javascript"> function iframeLoad(iframe){ var doc = iframe.contentWindow.document; var html = doc.body.innerHTML; if(html != ''){ //將獲取到的json數(shù)據(jù)轉(zhuǎn)為json對象 var obj = eval("("+html+")"); //判斷返回的狀態(tài) if(obj.status < 1){ alert(obj.msg); }else{ alert(obj.msg); window.location.; } } } </script> </body> </html>
PHP頁面:form.php
<?php //設(shè)置時區(qū) date_default_timezone_set('PRC'); /* 返回的提交消息 status:狀態(tài) msg:提示信息 */ $msg = array('status'=>0,'msg'=>''); //獲取提交過來的數(shù)據(jù) $name = $_POST['username']; $pwd = $_POST['userpwd']; //模擬登錄驗(yàn)證 $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;
以上就是本文的全部內(nèi)容,希望對大家學(xué)習(xí)php程序設(shè)計(jì)有所幫助。
- php+html5使用FormData對象提交表單及上傳圖片的方法
- 使用PHP和HTML5 FormData實(shí)現(xiàn)無刷新文件上傳教程
- php提交表單時判斷 if($_POST[submit])與 if(isset($_POST[submit])) 的區(qū)別
- php 多個submit提交表單 處理方法
- 提交表單后 PHP獲取提交內(nèi)容的實(shí)現(xiàn)方法
- PHP提交表單失敗后如何保留已經(jīng)填寫的信息
- PHP防止跨域提交表單
- php防止用戶重復(fù)提交表單
- Ajax提交表單時驗(yàn)證碼自動驗(yàn)證 php后端驗(yàn)證碼檢測
- php自動提交表單的方法(基于fsockopen與curl)
- PHP使用HTML5 FormData對象提交表單操作示例
相關(guān)文章
PHP圖像處理類庫MagickWand用法實(shí)例分析
這篇文章主要介紹了PHP圖像處理類庫MagickWand用法,較為詳細(xì)的分析了php中圖像處類庫MagickWand的相關(guān)使用技巧,需要的朋友可以參考下2015-05-05php運(yùn)行出現(xiàn)Call to undefined function curl_init()的解決方法
curl_init -- 初始化一個CURL會話,如果提示Call to undefined function curl_init那么需要如下操作即可。2010-11-11php基于mcrypt_encrypt和mcrypt_decrypt實(shí)現(xiàn)字符串加密解密的方法
這篇文章主要介紹了php基于mcrypt_encrypt和mcrypt_decrypt實(shí)現(xiàn)字符串加密解密的方法,結(jié)合實(shí)例形式分析了mcrypt_encrypt和mcrypt_decrypt函數(shù)進(jìn)行加密、解密的相關(guān)使用技巧,需要的朋友可以參考下2016-07-07利用PHP判斷是手機(jī)移動端還是PC端訪問的函數(shù)示例
在平常工作開發(fā)中,我們通常需要開發(fā)出PC端和移動端兩個不同的系統(tǒng),從而根據(jù)訪問端的不同進(jìn)入到不同的操作界面中。下面這篇文章主要給大家介紹了關(guān)于利用PHP判斷是手機(jī)移動端還是PC端訪問的函數(shù)的相關(guān)資料,需要的朋友可以參考下。2017-12-12