时间戳

首页 > 解决方案 > 为什么在页面加载时无法使用 ajax 获取 json 内容

html - 为什么在页面加载时无法使用 ajax 获取 json 内容

问题描述

在我的项目中，我有一个页面。

我想从一个 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"      
    }  
  ]
}

但是当我在谷歌浏览器中打开这个页面时，我发现它是空白的。

我什么都没有。我不知道为什么

也许我忘记了什么。

标签： htmljsonajax

解决方案

推荐阅读