JQuery调用Asp.Net MVC中Controller中的方法

引入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

 

PS: 

后台action加 [HttpPost]
还需要引用jquery