[ 開發日記 ] 電商透過 ajax 送出訂單、付款的流程

送出訂單、結帳


在上個步驟中,我們透過 ajax 把客戶的資料 post 到遠端資料庫。之後,網站會將顧客帶往 checkout 的付款頁面。此時,網頁上會顯示顧客的訂單內容(即訂購的品項)與方才表單填入的相關個人資料。網址的部分則會帶上這筆訂單的 id。

格式通常會是這樣:/一串沒有意義的數字字母組合
這個頁面的目的在於讓顧客確認自己的訂單內容。再確定之後,才將顧客帶往付款的頁面。

確認付款

頁面行為

在顧客確認付款後,頁面在沒有更換網址的狀態下,「尚未付款」字樣更改為「完成付款」。當我們從網路商店管理者的頁面查看該訂單的狀態,也會發現付款的狀態也被更改玩「完成付款」。
這是由於當顧客按下「確認付款」時,網頁也同時發出 ajax 請求,於資料庫中修改顧客的訂單狀態後,並取得這筆訂單修改後的狀態,即時的顯現於畫面上。

0 意見