怎麼獲取頁面傳送的ajax請求

2019-12-13 21:49:34

ajax請求通過伺服器端檔案接收請求，在伺服器端使用GET或POST方法接收ajax傳送的資料，經過邏輯處理，再把結果返回到頁面。下面以php接收ajax請求為例，介紹實現的過程。

新建一個 html檔案，命名為test.html，用於實現ajax請求的傳送。這裡使用jquery的ajax請求，因此需要在該頁面載入jquery.min.js庫檔案。

在test.html頁面，建立一個form表單，在form表單內定義兩個輸入框，一個使用者名稱輸入框，另一個年齡輸入框。

在form表單內，再定義一個按鈕，並繫結onclick點選事件，當按鈕被點選時，執行handle()函數，實現ajax請求。

在handle()函數內，使用jquery中的val()方法獲得使用者名稱、年齡的輸入內容。程式碼如下：

使用jquery的ajax()方法發起請求，url為請求的地址，type為資料傳輸的方式，data為請求時攜帶的資料，success為請求成功時執行的邏輯程式碼，這裡設定當ajax請求成功，使用alert()方法彈出請求後的結果。

在伺服器端新建一個php檔案，命名為handle.php，在php檔案內，使用$_POST來接收前端頁面傳輸的資料（如果前端頁面是get傳輸方式，則使用$_GET來接收資料）。這裡把接收到的使用者名稱和年齡返回給前端頁面，程式碼如下：

在瀏覽器執行test.html頁面，在輸入框分別輸入資料，點選「AJAX提交」按鈕發起ajax請求，在伺服器端的handle.php檔案通過$_POST或$_GET方法接收資料並返回結果。