Ajax 請求實例

後臺

 [HttpPost]
         public JsonResult CaculateScore(string StuNo)
          {
              var result = new object[2] {
                  new {
                  StuNo = StuNo,
                  Score = 100},
                   new {
                  StuNo = StuNo+1,
                  Score = 100+1},
              };
              return Json(result);
          }

前端

<script type="text/javascript">
        $("#bt-js").click
            (
                function ()
                {
                    $.ajax
                        (
                            {
                                url: "/School/ScoreQuery/CaculateScore",//請求地址
                                async: true,//異步請求
                                type: "post",//用post方式提交
                                data:{StuNo:"1325112032", flag:"value2"},//$("#StuNo").val()//提交的參數
                                dataType: "json",//服務器返回數據的個格式
                                success: function (result)//請求成功的回調函數
                                {
                                    $.each(result, function(i, currentObject)//遍歷對象數組,i爲索引
                                    {
                                        alert("學號" + currentObject.StuNo);
                                        alert("分數" + currentObject.Score);
                                    });
                                },
                                error: function (xhr, type, exception)//請求失敗的回調函數
                                {
                                    alert(xhr.responseText, "請求發生錯誤");      
                                }  
                            }
                     );
                }
            )
    </script>

運行結果