我們能夠與角做到這一點,但嘗試使用C#與MVC做到這一點,剃刀和可能的jQuery如果需要的話。MVC Droplist觸發控制器獲取數據填充到另一個droplist
我們正在試圖做的是,我們填充已填充數據的下拉列表。 (完成)。在我們的View中,我們放置了一個onChange事件,然後我們想在控制器中觸發另一個方法,這樣我們可以得到另一個項目列表來填充下一個下拉列表。
做一些非常簡單的例子,我們不斷要麼讓我們的瀏覽器控制檯404或500的回報,而不是打在Visual Studio中的任何斷點。
這是我到目前爲止有:
查看
<div> @Html.DropDownListFor(model => model.Name, Model.AvailableGalaxyEventTypes, new { @id = "eventTypeName", onchange = "GetEventNames();" })
</div>
<script>
function GetEventNames() {
var url = '@Url.Action("GetData")';
var strId = 0;
$.ajax({
url: url,
type: 'GET',
cache: false,
data: { value: strId },
success: function (result) {
alert(result);
console.log(result);
$('#result').html(result);
}
});
}
</script>
控制器
public ActionResult GetData(string id)
{
return Json(new { foo = "bar", ball = "dragon" });
}
我不明白爲什麼我們沒有得到一個成功或任何東西做這個很簡單的例子。我應該得到Foo和Ball。如果我們能夠採用控制器方法,我們應該能夠取得進展,但現在我得到了404或500。
任何想法?
你檢查產生的,以確保它是你想要的網址是什麼?另外,您可以手動調用URL來查看發生了什麼。 – CAbbott
由於需要返回Json(new {foo =「bar」,ball =「dragon」},JsonRequestBehavior.AllowGet);'',所以拋出了一個錯誤。但是,無論如何,代碼中沒有其他東西是有意義的請參閱[這個DotNetFiddle](https://dotnetfiddle.net/1bPZym)瞭解如何實現級聯下拉列表 –