1. 程式人生 > >表單提交(同步提交)和AJAX提交(異步提交)

表單提交(同步提交)和AJAX提交(異步提交)

接收 為我 spa 提交 method 提交按鈕 技術 分享 可能

表單提交(同步提交)

HTML文件:

技術分享圖片

技術分享圖片

PHP文件:

技術分享圖片

這樣就能接收到HTML裏輸入的內容,註意:

FORM表頭method為POST,PHP文件獲取的方法就是$_POST,method為GET,PHP的獲取方法就是$_GET,另外登錄(提交按鈕)的TYPE為submit

異步提交(AJAX提交)

HTML:

技術分享圖片

技術分享圖片

PHP:

技術分享圖片

註意:

HTML中的FORM,提交按鈕TYPE改為BUTTON,防止刷新。AJAX是jqery所以script包起來,因為我引入了彈窗的樣式,所以有這個

技術分享圖片

這裏如果成功接收數據,如果code為1,則彈出消息,並且跳轉url,如果不為1,彈出消息

技術分享圖片

至於PHP文件中,判斷輸入數據和數據庫數據是否相等,作兩種動作。

另外我的樣式是這樣的:

技術分享圖片

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

寫的有點亂,因為沒有重新整理,後續可能會整理。

表單提交(同步提交)和AJAX提交(異步提交)