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

一整天不是在看書，就是做練習。今天還是把最難實現的怎樣使用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,其它引數你可以作相應變更。
看看實時操作演示：