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>

运行结果