Jquery Ajax方法傳值到action的方法
更新時(shí)間：2014年05月11日 23:55:21 作者：
這篇文章主要介紹了Jquery Ajax方法傳值到action的方法,需要的朋友可以參考下
假設(shè)cshtml文件中是這樣的：
復(fù)制代碼 代碼如下:
<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數(shù)據(jù)。傳遞到的Action是/Home/MyAjax。那么在Action方法處接收的方式如下：
復(fù)制代碼 代碼如下:
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");
}
或者接收參數(shù)為FormCollection，也有同樣的效果。
復(fù)制代碼 代碼如下:
public ActionResult MyAjax(FormCollection f) {
string val2 = f["val2"].ToString();
string val3 = f["val3"].ToString();
string val4 = f["val4"].ToString();
return Content("ViewUserControl1");
}
MVC3的強(qiáng)悍之處，是它是基于變量參數(shù)命名匹配的機(jī)制，就是說它盡可能的查找能夠有相同變量名字的值。對(duì)于上面的例子，我們甚至可以構(gòu)造出一個(gè)class，如下：public class aclass {
復(fù)制代碼 代碼如下:
public string val1 { set; get; }
public string val2 { set; get; }
public string val3 { set; get; }
public string val4 { set; get; }
}
那么就可以設(shè)置參數(shù)類型為aclass
復(fù)制代碼 代碼如下:
public ActionResult MyAjax(aclass f) {
return Content(f.val1+f.val2+f.val3+f.val4);
}
注意，aclass類的屬性名就是json的key的名字，只要符合一致，它就能匹配，不得不說強(qiáng)悍。
您可能感興趣的文章:
- jQuery制作的別致導(dǎo)航有陰影背景高亮模式窗口
- 基于Jquery ajax技術(shù)實(shí)現(xiàn)間隔N秒向某頁面?zhèn)髦?/a>
- jQuery中g(shù)et和post方法傳值測試及注意事項(xiàng)
- jQuery學(xué)習(xí)筆記(1)--用jQuery實(shí)現(xiàn)異步通信(用json傳值)具體思路
- jquery ajax提交表單從action傳值到j(luò)sp實(shí)現(xiàn)小結(jié)
- jquery的ajax()函數(shù)傳值中文亂碼解決方法介紹
- jQuery get和post 方法傳值注意事項(xiàng)
- 利用JQuery+EasyDrag 實(shí)現(xiàn)彈出可拖動(dòng)的Div，同時(shí)向Div傳值，然后返回Div選中的值
- JQuery操作iframe父頁面與子頁面的元素與方法(實(shí)例講解)
- jQuery使用模式窗口實(shí)現(xiàn)在主頁面和子頁面中互相傳值的方法
相關(guān)文章
Tab頁界面，用jQuery及Ajax技術(shù)實(shí)現(xiàn)
從桌面開發(fā)的時(shí)代開始，Tab頁就是一個(gè)優(yōu)異的界面布局形式，兼有菜單的樣式和充分復(fù)用有限的界面的優(yōu)點(diǎn)。2009-09-09
轉(zhuǎn)自Jquery官方 jQuery1.1.3發(fā)布,速度提升800%,體積保持20K
轉(zhuǎn)自Jquery官方 jQuery1.1.3發(fā)布,速度提升800%,體積保持20K...2007-08-08
jQuery 1.3中新增的方法。給所有當(dāng)前以及將來會(huì)匹配的元素綁定一個(gè)事件處理函數(shù)（比如click事件）。2009-05-05
基于jQuery實(shí)現(xiàn)文字打印動(dòng)態(tài)效果
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)文字打印動(dòng)態(tài)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
這篇文章主要介紹了jQuery.Form上傳文件操作,首先需要我們先建立test文件夾，具體代碼內(nèi)容大家通過本文學(xué)習(xí)下吧2017-02-02
在次封裝easyui-Dialog插件實(shí)現(xiàn)代碼
在次封裝easyui-Dialog插件實(shí)現(xiàn)代碼，需要的朋友可以參考下。2010-11-11
基于jquery實(shí)現(xiàn)的可編輯下拉框?qū)崿F(xiàn)代碼
昨天看到QQ登錄的時(shí)候，可以選擇以前登錄過的賬戶，這個(gè)東西也可以在網(wǎng)站登錄的時(shí)候用到，所以我就想做一個(gè)這樣的插件；在網(wǎng)上查了很多，沒有找到合適自己的，所以決定自動(dòng)制作一個(gè)2014-08-08
升級(jí)到j(luò)Query?3.6.1遇見的一些坑以及應(yīng)對(duì)辦法
Jquery低版本存在安全漏洞,所以需要升級(jí)版本,下面這篇文章主要給大家介紹了關(guān)于升級(jí)到j(luò)Query?3.6.1遇見的一些坑以及應(yīng)對(duì)辦法的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06
jQury Ajax使用Token驗(yàn)證身份實(shí)例代碼
這篇文章主要介紹了jQury Ajax使用Token驗(yàn)證身份實(shí)例代碼,需要的朋友可以參考下2017-09-09
jQuery Validation Engine驗(yàn)證控件調(diào)用外部函數(shù)驗(yàn)證的方法
這篇文章主要介紹了jQuery Validation Engine驗(yàn)證控件調(diào)用外部函數(shù)驗(yàn)證的方法，需要的的朋友參考下吧2017-01-01