从ASP.NET中的JSON返回未定义的数据

时间:2016-01-13 05:20:10

标签: javascript jquery asp.net json

我有一个简单的Web应用程序,其HouseUnitController的操作返回JSONResult

public JsonResult GetHouseUnits()
    {
        var houseUnits = db.HouseUnits.Include(h => h.HouseModel).Include(h => h.Site)
           .Select(h => new {
                    h.Block,
                    h.Lot,
                    h.HouseModel.ModelName,
                    h.Site.SiteName,
                    h.IsSold,
                    h.FloorArea,
                    h.LotArea,
                    h.Price
        });
        return Json(houseUnits, JsonRequestBehavior.AllowGet);
    }

在我看来,我有:

<button data-retrieve data-view="tree" data-service = "./GetHouseUnits" data-container="#view" class="btn btn-warning btn-sm" > <span class="glyphicon glyphicon-arrow-down"></span>&nbsp; &nbsp;<strong>Load Data </strong>&nbsp;</button>

当我浏览localhost:62516/HouseUnits/GetHouseUnits时,我可以看到返回的JSON结果。但是,当我单击按钮时,我没有收到任何数据。这是我的脚本文件,适用于其他html页面:

$('button[data-retrieve]').click(function(){
    var treeHeaderLimit = 2;    
    var APIurl = $(this).data('service');
    var view = $(this).data("view");
    var dataCount = 5;
    var selId = $(this).data("container");

    createView(APIurl, selId, view, dataCount, treeHeaderLimit);

});

我觉得它与按钮中的url有关,因为似乎从AJAX返回的数据是undefined

function createView(APIurl, selId, viewType, dataCount, treeHeaderLimit){
 $.ajax({
    url: APIurl,
    type: "GET",
    contentType: "application/json",
    dataType: "json", //This is used to avoid `No-Access-Control-Allow-Origin` header error
    success:function(data){

        if (viewType=="tree"){
            generateTree(data, selId, dataCount, treeHeaderLimit)
        } else{
            generateTable(data, selId, dataCount);
        }

    },
    error: function (err) {
        alert(err);
    }
});

}

有人可以帮我解决这个问题吗?我尝试了./GetHouseUnits../GetHouseUnits,但它不起作用。感谢。

2 个答案:

答案 0 :(得分:2)

将静态URL替换为ASP.NET MVC中的Url.Action()方法

而不是data-service = "./GetHouseUnits"使用"@Url.Action("{action}","{controller}")"

希望这有帮助

答案 1 :(得分:0)

网址格式应为../Controller-Name/Action-Name.data-service="./GetHouseUnits"更改为data-service="../Controller-Name/Action-Name"。 要确保使用正确的URL,只需在操作中放置一个断点即可。 如果您使用的是正确的URL,则会显示相应的操作以进行迭代,如果不使用该操作,则该url是错误的。