如何在 View 中获取 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"]]}

可以看到，每个item都是一个数组（一个字符串数组，其中每个字符串item都是属性值）

这应该可以工作

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")"
    } );
});