添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
精彩文章免费看

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

一直做C/S开发的我也研究研究JQuery,下面将记录JQuery执行Controller中的有参数和无参数的Action。

引入JQuery

 <script src="~/scripts/jquery-2.2.2.min.js"></script>
<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("我就是来打酱油的!");
                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);