В моем проекте у меня есть страница.
Я хочу получить содержимое из файла json и заставить его вставить на эту страницу.
Код этой страницы похож на:
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="common.css">
<link rel="stylesheet" href="pagination.css" >
<script src="jquery-3.4.0.min.js"></script>
<script src="jquery.pagination.js"></script>
<script>
$(document).ready(function() {
$.ajax({
url:'get_subnet_resource.json',
dataType:'json',
type:'POST',
data:{},
success:function(data)
{
//$('#test').html(data);
/*$('.M-box').pagination({
pageCount:50,
jump:true,
coping:true,
homePage:'first',
endPage:'last',
prevContent:'pre',
nextContent:'next',
callback:function(api) {
$.ajax({
dataType:'json',
type:"POST",
url:"get_subnet_resource.json",
data:{page:api.getCurrent()},
success:function(data)
{
$('#test').html(data);
}
});
*/
alert(data);
}
});
});
</script>
</head>
<body>
<div id="test"></div>
<div class="M-box"></div>
</body>
</html>
Содержимое файла get_subnet_resource.json выглядит так:
{
"list": [
{
"img":"img/dingwei.png",
"manager": "107"
}, {
"img": "img/dingwei.png",
"manager": "108"
},
{
"img": "img/dingwei.png",
"manager": "109"
},
{
"img": "img/dingwei.png",
"manager": "110"
},
{
"img": "img/dingwei.png",
"manager": "111"
}
]
}
Но когда я открываю эту страницу в Google Chrome, я обнаруживаю, что она пуста.
У меня ничего нет. Я не знаю, почему
Может, я кое-что забыл.