HTML無重新整理提交表單

2022-08-02 12:39:13 字數 988 閱讀 2541

通常對於無重新整理提交表單,我們都是運用ajax實現的。前段時間跟著老大了解到另一種無重新整理提交表單的方法,是利用iframe框架實現的。現在整理出來分享給大家。

第一種:

(html頁面)

(php頁面:form.php)

<?php 

//非空驗證

if(empty($_post['uname']) || empty($_post['pwd']))

//驗證密碼

if($_post['uname'] != 'jack' || $_post['pwd'] != '123456')

else

第二種:

(html頁面)

(php頁面:form.php)

<?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'])else if($pwd != $user['pwd'])

$msg['msg'] = '登入成功!';

$msg['status'] = 1;

$str = json_encode($msg);

echo $str;

無重新整理提交form表單

今天遇到乙個問題,專案中form表單是使用submit 提交的,但是要實現無重新整理的提交,當然無重新整理提交資料,ajax肯定可以完成,但是由於 已經很成熟,都是使用form提交的,不能再去重寫,所以就找到了下面這個辦法,感覺很好用,主要就四步 1.在當前頁面建乙個iframe 並隱藏 displ...

jquery實現無重新整理提交表單

使用ajax 設定乙個表單,如 監聽.submit事件,可以在觸發表單提交時的事件,通過return false或者event.preventdefault 來阻止預設的表單提交事件 即 myform submit function e 可以自己封裝不同的js函式來將表單資料轉化成json格式 va...

AJAX無重新整理提交表單的方法

html表單元素中的form即表單是常用來提交使用者資料的元素之一。通過ajax技術可以友好的對使用者請求進行反饋。無須重新整理頁面這是人盡皆知的事情了。但表單事件中有乙個另類,即onsubmit,這個事件之所以另類,是因為它在提交完以後,會自動重新整理當前頁面,使ajax結果失效。這會讓人困惑,以...