使用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,其它引數你可以作相應變更。
看看實時操作演示:
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/4798/viewspace-2812092/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- jQuery – AJAX get() 和 post() 方法jQuery
- jQuery Ajax get post 方法詳解jQuery
- jQuery post()方法提交資料jQuery
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法總結jQueryJSON
- JQuery使用AJAXjQuery
- jQuery - AJAX get() 和 post() 方法---非常好的例項jQuery
- jQuery、ajax新增Json資料jQueryJSON
- jquery的ajax的資料載入詳解jQuery
- jquery的ajax的資料傳遞詳解jQuery
- jquery ajax post 傳遞陣列 ,多checkbox 取值jQuery陣列
- Asp.Net MVC 使用 AjaxASP.NETMVC
- node 使用get和post向後臺請求資料的使用方式對比
- jquery ajax簡單使用jQuery
- Jquery 和 Ajax的 使用方法jQuery
- jQuery.ajax的使用方法jQuery
- $.ajax 與 $.post 的區別,以及$.post的bug
- jquery的ajax傳遞資料過程中的資料處理jQuery
- 向Solr資料集提交Json格式資料(Scala,Post)SolrJSON
- jquery使用ajax讀取後臺資料在表格中顯示jQuery
- jQuery學習(2)ajax()使用jQuery
- React 中用jQuery的ajax 和 axios請求資料ReactjQueryiOS
- jQuery的ajax和json使用例項jQueryJSON
- jQuery AjaxjQuery
- jQuery - AJAXjQuery
- jquery GET POSTjQuery
- jQuery.post()jQuery
- JQuery Ajax通過Handler訪問外部XML資料jQueryXML
- asp.net jquery ajax資料操作 DropDownList級聯ASP.NETjQuery
- JQuery對ASP.NET MVC資料進行操作jQueryASP.NETMVC
- ajax中get和post的區別
- 使用ajax指令碼取資料指令碼
- datatables使用ajax獲取資料
- JQuery+Ajax 使用JQuery完成非同步使用者名稱的校驗jQuery非同步
- 使用 jQuery Ajax 在頁面滾動時從伺服器載入資料jQuery伺服器
- Ajax Post 與 Get 例項
- 基於jQuery的AjaxjQuery
- jQuery對Ajax的支援jQuery
- jquery ajax 的封裝jQuery封裝