使用jQuery的$.ajax()向MVC控制器Post資料

abcjob發表於2021-09-09

一整天不是在看書,就是做練習。今天還是把最難實現的怎樣使用jQuery的$.ajax()向MVC控制器Post資料分享。

建立一個新增資料的儲存過程:
圖片描述


在MVC應用程式下的Entities目錄下,修改FruitEntity.cs,新增一個方法Insert(Fruit fruit):
圖片描述

 

在MVC應用程式下的Controller目錄下,修改FruitController.cs,新增一個函式:
圖片描述

 

接下來,修改檢視Views/Fruit/Create.cshtml,第一步是修改html,第二步是寫jQuery程式碼,先來看看修改html的部分:
圖片描述

上圖中,新增1一個文字框,2一個儲存銨鈕,3新增一個form給html.好為提交準備。
第二步是寫jQuery程式碼:
圖片描述


$.ajax()方法中,type為POST,url的引數為“控制器/方法”,dataType為json,其它引數你可以作相應變更。
看看實時操作演示:

 

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/4798/viewspace-2812092/,如需轉載,請註明出處,否則將追究法律責任。

相關文章