考慮到有很多人可能不知道asp.net中前端和后端是進行交互的,所以這里主要講了數據交互。然后為了給后面的ajax作鋪墊,這里還講了get請求和post請求。
注:我使用的是visual studio,先建立一個asp.net web application項目,然后在項目中添加兩個HTML頁面(get.html和post.html),以及一個一般處理程序(Generic Handler).
1.get請求
進入get.html頁面
運行
(運行程序的時候,把你想要運行的頁面設為起始頁,不然可能會報錯)
結果:
我們發現get請求是把信息拼接在地址上傳給服務器。
2.post請求
在了解了get請求之后,post請求就非常簡單啦。我們只需要修改method=“post”
進入post.html
運行(記得把它設為起始頁):
我們發現post請求將提交的數據放在請求頭中。
3. 交互
在了解了get和post請求之后我們來看一看前端和后端是怎么進行交互的。
在asp.net中,我們是通過一般處理程序來交互數據的,現在我們用get請求來演示,我們把form的action屬性值修改一下,讓它來請求我們的一般處理程序。
(注:action的值需要和你建立的一般處理程序名字相同)
當你建立了一個一般處理程序之后,里面會自動生成一些東西。
context就是前端傳入的數據封裝成的一個對象。我們在這里handler.ashx里添加一點內容,取出我們輸入的值,然后讓它返回給瀏覽器顯示給我們。順便看看context里的內容。
打上斷點(方便查看)
(注意:這里的userName和userPwd就是你前端為input設置的name值,需要一一對應)
在debug模式下運行程序,在input框內輸入名字和密碼,點擊提交。
然后進入vs中(這時候斷點已經被觸發)
在這里我們可以看到context這個對象里面的內容。
F11進入下一步
繼續F11
在這里你會看到這里的null值變為你輸入框輸入的值。
繼續運行程序,來到網頁上
通過context.Response.Write(name+pwd);這句話我們將取到的內容又返回到頁面上。
查看context內容以及獲取前端輸入值和前面get一樣可以自己操作哦!
到此為止,我們就簡單的了解了get和post請求以及前后端的交互。
————————————————
版權聲明:本文為CSDN博主「純純要加油」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/qq_40422692/article/details/107834048