(1)asp.net中一般的get和post請求以及前后端的交互


考慮到有很多人可能不知道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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM