js读取json文件中的json数据

json文件：

[
{
"id": "001",
"name": "昂昂溪"
},
{
"id": "002",
"name": "安北"
},
{
"id": "003",
"name": "敖包"
},
{
"id": "004",
"name": "敖包沟"
},
{
"id": "005",
"name": "艾不盖"
},
{
"id": "006",
"name": "阿巴嘎旗"
},
{
"id": "007",
"name": "艾比湖"
},
{
"id": "008",
"name": "安边镇"
},
{
"id": "009",
"name": "阿城"
},
{
"id": "010",
"name": "㘷岱"
},
{
"id": "011",
"name": "安达"
},
{
"id": "012",
"name": "安定"
},
{
"id": "013",
"name": "安多"
},
{
"id": "014",
"name": "安德"
},
{
"id": "015",
"name": "阿都呼都格"
},
{
"id": "016",
"name": "阿达日嘎"
},
{
"id": "017",
"name": "阿尔山"
},
{
"id": "018",
"name": "阿尔山北"
},
{
"id": "019",
"name": "阿尔乡"
},
{
"id": "020",
"name": "安福"
}
]

html文件：

下拉框：

<label class="form-label col-xs-1 col-sm-1"><strong>到站：</strong></label>
<div class="formControls col-xs-2 col-sm-2">
<select name="shipment.endstation" id="endstation">
</select>
</div>
<div class="formControls col-xs-2 col-sm-2">
<select name="shipment.startstation" id="startstation">
</select>
</div>

获取数据，填充下拉框：

$.getJSON("/common/data/station.json",function(data){
var $startjsontip = $("#startstation");
$startjsontip.empty();//清空内容
$("#startstation").append('<option value="">请选择发站</option>');
$.each(data,function(infoIndex,info){
$("#startstation").append('<option value="'+ info["id"] + '">' + info["name"] + '</option>');
})
var $endjsontip = $("#endstation");
$endjsontip.empty();//清空内容
$("#endstation").append('<option value="">请选择到站</option>');
$.each(data,function(infoIndex,info){
$("#endstation").append('<option value="'+ info["id"] + '">' + info["name"] + '</option>');
})
})