新建一個 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方式領受數據并返回成果。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!