概述
一直做C/S開發(fā)的我也研究研究JQuery摆尝，下面將記錄JQuery執(zhí)行Controller中的有參數(shù)和無參數(shù)的Action。
引入JQuery
<script src="~/scripts/jquery-2.2.2.min.js"></script>
- 無參數(shù)
Html
<script>
function myfunction2() {
$.ajax({
type: "POST",//FromMethod
url: "/Admin/Action1",//"/Controller/Action"蠢笋，記住這里前面一定記得要有"/".
data: "",//參數(shù)，無參數(shù)填空
success: function (msg) {//請求成功后執(zhí)行的方法
alert(msg)
},
error: function (err){//請求錯誤后執(zhí)行的方法
alert(err)
}
});
}
</script>
<input id="btnSub1" type="button" value="無參數(shù)" onclick="myfunction2()" />
Action
public ActionResult Action1()
{
return Content("我就是來打醬油的！");
}
結(jié)果
- 有參數(shù)
html
<script>
function myfunction() {
$.ajax({
type: "POST",//FromMethod
url: "/Admin/Action3",//"/Controller/Action"
data: { userName: "這是傳進去的參數(shù)值！" },//參數(shù) "參數(shù)名："參數(shù)值""
datatype: 'html',
success: function (str) {
alert('成功：' + str);
},
error: function (msg) {
alert('錯誤：' + msg);
}
});
}
</script>
<input id="btnSub1" type="button" value="有參數(shù)" onclick="myfunction()" />
Action
public ActionResult Action3(string userName)
{
return Content(userName);
}
結(jié)果
end
