我有一个单独的 js 文件,我在其中放置了我的 js。我什至无法进入 js 来调试它以查看问题所在。
此页面之前的 Firebug 具有我可以看到的内联 js(来自我的母版页 (_Layout.cshtml)。
一旦我进入这个页面,我就会从 Firebug 那里得到这个:
此页面上没有 Javascript 如果标签有“类型”属性,它应该等于“文本/javascript”或“应用程序/javascript”。脚本也必须是可解析的(语法正确)。
我不知道我缺少什么来简单地填写这个下拉列表.....
这是我的新 js 文件,内容如下:
$(document).ready(function () {
GetCategories();
});
function GetCategories() {
$.ajax({
type: "POST",
url: "Index/Category",
data: '{}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
var listItems = "";
for (var i = 0; i < data.length; i++) {
listItems += "<option value='" + data.CategoryID + "'>" + data.Description + "</option>";
}
$("#Categories").html(listItems);
}
});
}
这是html页面的内容。请注意,我的 html 在我的母版页中。所以,我只需要一个简单的脚本在这里......
<div title="JSON callback for dropdownlist">
<table>
<tr>
<td>
<select id="Categories">
</select>
</td>
</tr>
</table>
</div>
<script type="text/javascript" src="../../Scripts/JSON_DDL.js"></script>
这是我的结果:
[{"CategoryID":1,"Description":"ECommerce","Projects":[]},{"CategoryID":2,"Description":"Medical","Projects":[]}]