보기에서 json 결과/응답을 얻는 방법

Question

내 컨트롤러에서 내보기로 응답을 보내려고했지만 일반 JSOn 표시 (Firefox : 이미지 첨부) 또는 json 파일 다운로드 프롬프트가 표시됩니다. 나는 많은 접근법을 시도했다. 누군가 나를 보여 주거나 코드를 제공하여 최소한의 성공을 얻을 수 있고 최소한 의 경고를 표시 할 수 있습니까?

public JsonResult GetGata() 
    { 
     List<ProdVM > pvl = new List<ProdVM>(); 
     try 
     { 
      ProdVM pvm1 = new ProdVM(); 
      pvm1.ProductID = 1; 
      pvm1.ProductName = "Computer"; 
      pvl.Add(pvm1); 
      return Json(pvl, JsonRequestBehavior.AllowGet); 
      } 

     catch (Exception) 
     { 
      throw; 
     } 
    } 
$(document).ready(function() { 
$(document).ready(function() { 
    $('#myGrid').DataTable({ 
     "ajax": { 
      "url": "/Home/GetGata/", 
      "dataSrc": "" 
     }, 
     "columns": [ 
     { "data": "ProductName" }, 
     { "data": "ProductID" } 
     ] 
    }); 
}); 

});

Answer 1

DataTable의 플러그인이 AJAX 엔드 포인트가이 형식

{"data":[["1","Computer"],["2","Camera"]]} 

그 볼 수있는 데이터를 반환 할 것으로 예상 각 항목 배열 (각 캐릭터 항목 속성 값 인 문자열 배열)

인

이 이것은 당신이 당신의 페이지

을이 같은 테이블이 가정 작동합니다

public ActionResult GetData() 
{ 
    var items = new List<string[]> 
    { 
     new string[] {"1", "Computer"}, 
     new string[] {"2", "Camera"} 
    }; 
    return Json(new { data = items }, JsonRequestBehavior.AllowGet); 
} 

작동합니다

<table id="example" class="display" cellspacing="0" width="100%"> 
    <thead> 
     <tr> 
      <th>Id</th> 
      <th>Name</th> 
     </tr> 
    </thead> 
</table> 

와 JS 코드는 답변 주셔서 감사합니다 데이터 테이블

$(function() { 
    $('#example').DataTable({ 
     "ajax": "@Url.Action("GetData")" 
    }); 
});