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