mvc：在控制器的 mvc 视图中显示 json 数据

Question

大家好，我在将 json 数据从控制器显示到视图时遇到问题。
json 数据显示在浏览器中。它没有使用母版页和
我的观点不是片面的。不明白是什么问题

我的控制器如下

public JsonResult Grid()
{
    var data = en.customers.Select(x => new ProductModel()
    {
        fname = x.fname,
        lname = x.lname,
        username = x.username,
        password = x.password

    }).ToList();

    return Json(data, JsonRequestBehavior.AllowGet);
}

我的看法如下

<script type="text/javascript">

    $(document).ready(function () {

        $.getJSON("/Home/Grid", null, function (data) {
            var items = '<table><tr><th>FNAME</th><th>LNAME</th> <th>USERNAME</th><th>PASSWORD</th></tr>';
            $.each(data, function (i, cus) {
                items += "<tr><td>" + cus.fname + "</td><td>" + cus.lname +  "</td><td>" + cus.username + "</td><td>" + cus.password + "</td></tr>";
            });
               items += "</table>";

            $('#mytbl').html(items);
        });

    });

Answer 1

<script type="text/javascript">
$(document).ready(function () {
    $.ajax({
        url : "/Home/Grid",// url
        type : "GET", // GET or POST
        data : {}, // null data
        dataType : "json",// expected type in return
        success : function(data){
            var table = '<table><tr><th>FNAME</th><th>LNAME</th> <th>USERNAME</th><th>PASSWORD</th></tr>';
            for(var i=0; i<data.length; i++){
                table += "<tr><td>" + data[i].fname + "</td><td>" + data[i].lname +  "</td><td>" + data[i].username + "</td><td>" + data[i].password + "</td></tr>";
            }
            table += "</table>";
            $('#mytbl').html(table); 
        },
        error : function(data){
            alert("Internal Server Error:\n"+data);
        },
    });
});
</script>

试试这个...