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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容