javascript - 尝试访问 json api 时结果为空

Question

我想将如下所示的 json api 响应写入 html 代码

 {
   "status": 200,
   "message": "OK",
   "data": {
   "total": 5
    }
 }

当我创建 js 文件以获取响应时，结果为空。我在浏览器上检查了控制台模式并找到如下警告

 Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://url-api. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

这是javascript代码

 $(function () 
{
$.ajax({
    url: 'https://url-api',
    type: 'GET',
    dataType: 'json',
    success: function (data) {

          //append each row data to datatable
        var data = +data.total;
        document.getElementById("total").innerHTML = data;
    }
  });
 })

这是html代码

  <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
  <script type="text/javascript" src="script.js"></script>

  <div class="inner">
          <h3 id="total"></h3>
          <p>Total</p>
        </div>

你知道如何从 api 显示我想要的数据总数吗？

谢谢

标签： javascriptjson