<!DOCTYPE html>
<html>
<head>
<script data-require="jquery@*" data-semver="3.0.0" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
<link rel="stylesheet" href="style.css" />
<script type="text/JavaScript">
$select = $('#people');
//request the JSON data and parse into the select element
$.ajax({
type:'GET',
url: 'simple.json',
dataType:'JSON',
success:function(data){
//clear the current content of the select
$select.html('');
//iterate over the data and append a select option
$.each(data.employees, function(key, val){
$select.append('<option >' + val.firstName+ '</option>');
})
},
error:function(){
//if there is an error append a 'none available' option
$select.html('<option >none available</option>');
}
});
</script>
</head>
<body>
<select id="people"></select>
</body>
</html>
这是我的工作人员,在这里我从本地json文件中读取数据。 https://plnkr.co/edit/Ys2xxOn1oUCeNL3wqcvJ?p=preview
但是当我在我的视觉工作室尝试相同的任务时,数据不可能 从visual studio 2012解决方案资源管理器中的本地json文件加载。