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

概述
一直做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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容