怎么獲取頁面發送的ajax請求

新建一個 html文件, 定名為test.html, 用于實現ajax請求的發送 。 這里利用jquery的ajax請求, 是以需要在該頁面加載jquery.min.js庫文件 。


怎么獲取頁面發送的ajax請求



2在test.html頁面, 建立一個form表單, 在form表單內界說兩個輸入框, 一個用戶名輸入框, 另一個春秋輸入框 。


怎么獲取頁面發送的ajax請求



3在form表單內, 再界說一個按鈕, 并綁定onclick點擊事務, 當按鈕被點擊時, 執行handle()函數, 實現ajax請求 。


怎么獲取頁面發送的ajax請求



4在handle()函數內, 利用jquery中的val()方式獲得用戶名、春秋的輸入內容 。 代碼如下:


怎么獲取頁面發送的ajax請求



5利用jquery的ajax()方式倡議請求, url為請求的地址, type為數據傳輸的體例, data為請求時攜帶的數據, success為請求當作功時執行的邏輯代碼, 這里設置當ajax請求當作功, 利用alert()方式彈出請求后的成果 。


怎么獲取頁面發送的ajax請求



6在辦事端新建一個php文件, 定名為handle.php, 在php文件內, 利用$_POST來領受前端頁面傳輸的數據(若是前端頁面是get傳輸體例, 則利用$_GET來領受數據) 。 這里把領受到的用戶名和春秋返回給前端頁面, 代碼如下:


怎么獲取頁面發送的ajax請求



7【怎么獲取頁面發送的ajax請求】在瀏覽器運行test.html頁面, 在輸入框別離輸入數據, 點擊“AJAX提交”按鈕倡議ajax請求, 在辦事器端的handle.php文件經由過程$_POST或$_GET方式領受數據并返回成果 。


怎么獲取頁面發送的ajax請求



怎么獲取頁面發送的ajax請求



以上內容就是怎么獲取頁面發送的ajax請求的內容啦, 希望對你有所幫助哦!

    猜你喜歡