Jquery Ajax方法傳值到action
假設cshtml檔案中是這樣的:
<script type="text/javascript">
$(document).ready(function(){
$("#btn").click(function(){
$.ajax({
type: 'POST',
url: "/Home/MyAjax",
data: {
val1: $("#txt1").val(),
val2: $("#txt2").val(),
val3: $("#txt3").val(),
val4: $("#txt4").val(),
},
dataType: "json"
});
});
});
</script>
<input id="btn" type="button" value="click" />
<input id="txt1" type="text" value="" />
<input id="txt2" type="text" value="" />
<input id="txt3" type="text" value="" />
<input id="txt4" type="text" value="" />
data是json資料。傳遞到的Action是/Home/MyAjax。那麼在Action方法處接收的方式如下:
public ActionResult MyAjax(string val1)
{
string val2 = Request["val2"].ToString();
string val3 = Request.Form["val3"].ToString();
string val4 = Request.Params["val4"].ToString();
return Content("ViewUserControl1");
}
或者接收引數為FormCollection,也有同樣的效果。
public ActionResult MyAjax(FormCollection f)
{
string val2 = f["val2"].ToString();
string val3 = f["val3"].ToString();
string val4 = f["val4"].ToString();
return Content("ViewUserControl1");
}
MVC3的強悍之處,是它是基於變數引數命名匹配的機制,就是說它儘可能的查詢能夠有相同變數名字的值。
對於上面的例子,我們甚至可以構造出一個class,如下:
public class aclass {
public string val1 { set; get; }
public string val2 { set; get; }
public string val3 { set; get; }
public string val4 { set; get; }
}
那麼就可以設定引數型別為aclass
public ActionResult MyAjax(aclass f)
{
return Content(f.val1+f.val2+f.val3+f.val4);
}
注意,aclass類的屬性名就是json的key的名字,只要符合一致,它就能匹配,不得不說強悍。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69976881/viewspace-2722812/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- jQuery AJAX 方法jQuery
- jQuery ajax - serializeArray() 方法jQuery
- jQuery – AJAX load() 方法jQuery
- jquery獲取ajax傳遞的值一個需要注意的地方jQuery
- jQuery – AJAX get() 和 post() 方法jQuery
- JQuery ajax方法及引數jQuery
- Jquery 和 Ajax的 使用方法jQuery
- jQuery.ajax的使用方法jQuery
- jQuery Ajax get post 方法詳解jQuery
- jQuery裡如何使用ajax傳送請求jQuery
- jQuery HTML5 AJAX 圖片上傳jQueryHTML
- jquery ajax 回撥函式的值alert出來[object Object] 解決方法jQuery函式Object
- 學習AJAX必知必會(4)~JQuery傳送Ajax請求jQuery
- JQuery中$.ajax()方法引數詳解jQuery
- jQuery AjaxjQuery
- jQuery - AJAXjQuery
- Ajax傳值的初級學習(一)
- iOS的Target-Action模式傳值的最佳方式iOS模式
- jquery的ajax的資料傳遞詳解jQuery
- jQuery+ASP.NET的AJAX檔案上傳jQueryASP.NET
- Fragment傳值到ActivityFragment
- Razor傳值到jsJS
- 面試之jquery中的ajax方法引數面試jQuery
- 雅蛙網ajax特效jQuery實現方法特效jQuery
- jQuery .click()方法傳參jQuery
- Ajax與Flask傳值的跨域問題Flask跨域
- jquery ajax post 傳遞陣列 ,多checkbox 取值jQuery陣列
- Asp.net 利用Jquery Ajax傳送和接收DataTableASP.NETjQuery
- AjaxFileUpload檔案上傳元件(php+jQuery+ajax)元件PHPjQuery
- 【ajax】 html js jquery ajax上傳檔案【一眼就會】【實用】HTMLJSjQuery
- jQuery IN ACTION 小筆記jQuery筆記
- jQuery.ajaxjQuery
- ajax +jquery 基本jQuery
- JQuery使用AJAXjQuery
- jquery Ajax搭配jQuery
- jQuery.ajax()jQuery
- jQuery系列:AjaxjQuery
- 深入瞭解jquery中的ajax方法引數jQuery