訪問MVC 4中Controller返回的Json對象數據

Question

我在想辦法訪問從控制器返回的以下json時遇到麻煩：

[{"ID":1,"seatnum":"A1","status":0},{"ID":2,"seatnum":"A2","status":0}]

我正在嘗試訪問每個seatnum值（A1，A2）以執行以下功能：

$.ajax({
    url: 'seats/getseats',
    dataType: "JSON",
    error: function (data) {
        $("table tr img").removeClass("available").attr("src", "images/taken.gif");
        alert("error")
    }
}).done(function (data) {


    for (var i = 0; i < data.length; i++) {
        //alert(data[i].seatnum);
        var seatLetter = data[i][0];
        var seatNumber = data[i].substr(1);
        var $target = getImgFromSeat(seatLetter, seatNumber);
        $target.removeClass("available").attr("src", "images/taken.gif");

    }

如果有幫助，我的Controller方法是：

//
    // GET: /seats/

    public ActionResult Index()
    {
        return View(db.seats.ToString());
    }

    public JsonResult getseats()
    {


        var taken = from b in db.seats
                         select b;

        taken = taken.Where(b => b.status.Equals(0));
        return Json(taken, JsonRequestBehavior.AllowGet);
    }

Answer 1

我相信您正在尋找類似的東西：

$.ajax({
  type: "GET",
  url: '@Url.Action("getseats")',
  contentType: "application/json; charset=utf-8",
  dataType: "json",
  success: successFunc,
  error: errorFunc
});

function successFunc(data, status) {
  for (var i = 0; i < data.length; i++) {
    //alert(data[i].seatnum);
    var seatLetter = data[i][0];
    var seatNumber = data[i].substr(1);
    var $target = getImgFromSeat(seatLetter, seatNumber);
    $target.removeClass("available").attr("src", "images/taken.gif");    
  }
}

function errorFunc() {
  alert('error');
}

返回的json是一個對象數組，因此，與其像data [i] [0]一樣訪問它，不如像data [i] .seatnum，data [i] .status等訪問它。

另外，我建議您使用一些調試工具，例如瀏覽器開發人員工具，以便可以檢查不同對象的值。

PS：請勿對URL值進行硬編碼。 而是使用@ Url.Action（“ action-name”）生成它。