ajax 获取json在html中生成表格

课上老师说要把项目发布到服务器上，自己电脑上用的apache-tomcat 看了别的帖子，说把项目放在apache-tomcat的webapps文件夹下，然后去地址栏输入localhost:8080/.......但是就是出不来(那个apache-tomcat是不是要去eclipse里开启啊，直接点文件夹下的startup.bat 在浏览器里连猫的界面都不出现）


<script src="js/jquery-3.1.1.min.js"></script>
<script>
window.onload = function () {

$.ajax({
url: "json/student.json",
type: "GET",
dataType: "json",
success: function (data) {

$("#name").html(data.姓名);
$("#age").html(data.年龄);
$("#birthday").html(data.出生日期)
$("#isLeagueMember").html(data.是否团员);
$("#school").html(data.学校);
$("#hobby").html(data.爱好);

},
error: function (){
alert("出错");
}

})
}
</script>
HTML部分
<table>
<tr>
<td>姓名</td>
<td><span id="name"></span></td>
</tr>
<tr>
<td>年龄</td>
<td><span id="age"></span></td>
</tr>
<tr>
<td>出生年月</td>
<td><span id="birthday"></span></td>
</tr>
<tr>
<td>是否党员</td>
<td><span id="isLeagueMember"></span></td>
</tr>
<tr>
<td>所在院校</td>
<td><span id="school"></span></td>
</tr>
<tr>
<td>兴趣爱好</td>
<td><span id="hobby"></span></td>
</tr>
</table>
json部分
{
"姓名": "abc",
"年齡": 20,
"出生日期": "2000-1-1",
"是否团员": true,
"学校": "abc",
"爱好": ["篮球", "漫画", "旅游"]
}