我有一个简单的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> <strong>Load Data </strong> </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
,但它不起作用。感谢。
答案 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是错误的。