天天看點

ajax送出表單mysql_ajax異步送出資料到資料庫

原标題:ajax異步送出資料到資料庫

很多時候我們送出資料到伺服器端資料庫都是用form表單,這樣子是最普通最簡單送出資料的方法,你填寫完表單後,post送出到背景檔案.php,處理完後傳回到指定頁面,最後,頁面就重新重新整理了一遍,顯示預想的頁面。當然,這個邏輯操作沒一點毛病,但有一點,那就是給使用者不好的體驗:重新重新整理了頁面。假如,使用者沒按要求輸錯了某個值,然後彈出一個框框告訴你“親愛的,你剛剛花了半個小時注冊的内容得重新輸入了!!”,這時候,你肯定的mmp的,是以,咱們今天要推舉的ajax異步post送出資料到資料庫來解決這個問題。

先了解個概念吧:同步與異步。

舉個簡單的例子:你用form表單,直接post送出資料到資料庫,那是同步;你用ajax異步送出post,那是異步操作;就相當于,你有一樣東西要給A,你直接放給他,然後他用完直接還給你,這就叫同步,而,你可以通過快遞,間接給A東西,他也可以通過快遞間接給你,當出現什麼問題的時候,你可以告訴快遞“我要換位址,我要改電話号碼什麼的操作”,這可以了解為異步。

那什麼是ajax呢?

Ajax 在浏覽器與 Web 伺服器之間使用異步資料傳輸(HTTP 請求),這樣就可使網頁從伺服器請求少量的資訊,而不是整個頁面。

好,說了這麼多啦,咱們來看看具體的代碼:登入界面(form表單送出的很簡單,我就不舉對比例子了,不懂的可以百度或者自己操作下)

先引入必要的檔案:jquery.js,【layer.js彈出框架構可選用】

ajax送出表單mysql_ajax異步送出資料到資料庫

定義和用法

post() 方法通過 HTTP POST 請求從伺服器載入資料。文法jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)

參數

描述

url

必需。規定把請求發送到哪個 URL。

data

可選。映射或字元串值。規定連同請求發送到伺服器的資料。

success(data, textStatus, jqXHR)

可選。請求成功時執行的回調函數。

dataType

可選。規定預期的伺服器響應的資料類型。

預設執行智能判斷(xml、json、 或 html)。

ajax送出表單mysql_ajax異步送出資料到資料庫

分析:

1、js擷取input中的資料

2、判斷資料是否滿足要求(這裡提一下layer,它是一個很好用很好看的前端彈出框架構,簡單易學,可以去官網上看開發文檔)

3、請求post的url位址

4、要傳遞到url位址的相關資料(參數案例:{name:"wzc",sno:"001"})

5、資料處理後傳回函數

好,接下來,我們看看ajaxCheckLogin.php檔案:

ajax送出表單mysql_ajax異步送出資料到資料庫

依次四個紅框的解釋為:

1、session和引入資料庫連接配接檔案(這裡不擴充了,不會的下方評論,我教你php pdo擴充連接配接資料庫)

2、擷取從前端頁面post過來的資料

3、mysql資料庫操作語句和pdo操作

4、判斷mysql操作是否正确,然後傳回傳回值

最後,你應該就可以學會了!

歡迎|關注

不當你的世界隻作你的肩膀

Benny

責任編輯: