Laravel Ajax Example
本文模擬user註冊的情境來簡單演示，在Laravel中如何透過ajax來存取資料，以post request為例。
前端透過post把user資料送到controller中，並且透過model把資料塞進DB，最後回傳json response。
前端透過post把user資料送到controller中，並且透過model把資料塞進DB，最後回傳json response。
程式碼如下:
完整source code如下:
https://github.com/snailsmall612/laravel-ajax-example
https://github.com/snailsmall612/laravel-ajax-example
如上圖，user輸入帳密後按下Register後，發出ajax post request送往UserController，成功將user新增至user table，並且回傳http response給前端。
其中，$.ajaxSetup是為了不用每次要送ajax request都要在header加上csrf token，透過這種方式，之後的request都會自動加上去。
其中，$.ajaxSetup是為了不用每次要送ajax request都要在header加上csrf token，透過這種方式，之後的request都會自動加上去。
另外，其實meta中不一定要放上csrf token，這只是為了讓js方便可以存取token而已，事實上只要request header中有帶即可，laravel後端收到request之後會比對跟session中的csrf token是否一致。
Note:
Laravel為了防禦CSRF攻擊，要求前端每次的request都必須加上csrf token，否則會出現419 (unknown status)。
如下圖，ajax request沒有帶上csrf token的結果:
如下圖，ajax request沒有帶上csrf token的結果:
即將進入廣告，捲動後可繼續閱讀
為什麼會看到廣告
21會員
161內容數
留言0
查看全部
你可能也想看
Google News 追蹤
CodeIgniter 3 和 Laravel 是兩種不同的 PHP 框架，各有其特點和適用場景。CodeIgniter 3 是一個輕量級框架，Laravel 是一個功能強大的現代 PHP 框架，同樣都有Models的它們有什麼樣的差別呢？
※ 原本狀態：伺服器渲染
這是 MVC 架構下的 request / response 示意圖，在這張圖呈現的架構裡，畫面和資料都由同一個架構處理。
伺服器渲染流程：
瀏覽器針對特定網址送出請求。
路由器解析請求後，轉接給對應的 controller。
controller 按照要求，透過
xhr
在下面的例子裡，我們首先建立了一個 XMLHttpRequest 物件，並使用 .open() 開啟一個 URL，最後使用 .send() 發出 request。
具體來說步驟有四個：
建立XMLHttpReque
開啟一個請求。
送出請求。
拿到回應後去處理畫面要如何呈現。
※ 什麼是 RESTful API？
這種運用 HTTP 來表達語義的路由設計風格稱為 RESTful API，它描述了如何實現 Web API 的架構。所謂的 API 是應用程式介面 (application programming interface)，網址也是一種應用程式的「介面」，故稱為
CSR（Client Side Rendering）是一種將渲染資料的過程交由瀏覽器端處理的方法。
這篇文章將會提供在伺服器上安裝憑證的步驟，包括下載憑證，設定php.ini以及重新啟動Web Server等。
在開發前後端分離架構時，使用兩個不同網域所遇到跨域請求問題。特別是在POST請求時行為差異大，揭示了「簡單請求」與「預檢請求」的關鍵差異。簡單請求不需預檢，但application/json會觸發預檢請求，需透過特定設定解決。分享這篇文章希望幫助開發者有效處理跨域問題。
發送表單用get跟post看起來好像都無所謂，然而事實並非如此，使用GET的風險如下：
安全性問題
機密資訊為何不宜用GET，是因為由GET方法提交的表單會將欄位的key,value顯示於URL上，想像一下如果小明借用你的電腦，查看你的網頁歷史紀錄時就可以看到你的帳密了，多可怕！
再來就是如果
授權碼模式連線流程
用戶端請求自己的伺服器。
伺服器發現用戶沒登入，就導向認證伺服器。
認證伺服器顯示授權頁面，等待用戶授權。
用戶確認授權後，授權頁面會向認證伺服器請求授權碼。
用戶獲取授權碼。
用戶將授權碼傳給伺服器。
伺服器拿授權碼向認證伺服器取得token。
應用註冊
Migration在 Laravel 中是一種用來管理資料庫結構變更的機制。它的主要目的是使開發者能夠在應用程序的不同環境中保持資料庫結構的一致性，並輕鬆地進行結構變更
CodeIgniter 3 和 Laravel 是兩種不同的 PHP 框架，各有其特點和適用場景。CodeIgniter 3 是一個輕量級框架，Laravel 是一個功能強大的現代 PHP 框架，同樣都有Models的它們有什麼樣的差別呢？
※ 原本狀態：伺服器渲染
這是 MVC 架構下的 request / response 示意圖，在這張圖呈現的架構裡，畫面和資料都由同一個架構處理。
伺服器渲染流程：
瀏覽器針對特定網址送出請求。
路由器解析請求後，轉接給對應的 controller。
controller 按照要求，透過
xhr
在下面的例子裡，我們首先建立了一個 XMLHttpRequest 物件，並使用 .open() 開啟一個 URL，最後使用 .send() 發出 request。
具體來說步驟有四個：
建立XMLHttpReque
開啟一個請求。
送出請求。
拿到回應後去處理畫面要如何呈現。
※ 什麼是 RESTful API？
這種運用 HTTP 來表達語義的路由設計風格稱為 RESTful API，它描述了如何實現 Web API 的架構。所謂的 API 是應用程式介面 (application programming interface)，網址也是一種應用程式的「介面」，故稱為
CSR（Client Side Rendering）是一種將渲染資料的過程交由瀏覽器端處理的方法。
這篇文章將會提供在伺服器上安裝憑證的步驟，包括下載憑證，設定php.ini以及重新啟動Web Server等。
在開發前後端分離架構時，使用兩個不同網域所遇到跨域請求問題。特別是在POST請求時行為差異大，揭示了「簡單請求」與「預檢請求」的關鍵差異。簡單請求不需預檢，但application/json會觸發預檢請求，需透過特定設定解決。分享這篇文章希望幫助開發者有效處理跨域問題。
發送表單用get跟post看起來好像都無所謂，然而事實並非如此，使用GET的風險如下：
安全性問題
機密資訊為何不宜用GET，是因為由GET方法提交的表單會將欄位的key,value顯示於URL上，想像一下如果小明借用你的電腦，查看你的網頁歷史紀錄時就可以看到你的帳密了，多可怕！
再來就是如果
授權碼模式連線流程
用戶端請求自己的伺服器。
伺服器發現用戶沒登入，就導向認證伺服器。
認證伺服器顯示授權頁面，等待用戶授權。
用戶確認授權後，授權頁面會向認證伺服器請求授權碼。
用戶獲取授權碼。
用戶將授權碼傳給伺服器。
伺服器拿授權碼向認證伺服器取得token。
應用註冊
Migration在 Laravel 中是一種用來管理資料庫結構變更的機制。它的主要目的是使開發者能夠在應用程序的不同環境中保持資料庫結構的一致性，並輕鬆地進行結構變更