Question

我使用Spring运行我的其余API服务，我无法获取我的服务从示例html文件发送的json对象列表，并告诉我如何访问第一个对象。

这是我的其余API服务的示例输出：

[{"src_ip":"1.1.1.1","src_id":"98","date":1470527874000},
{"src_ip":"1.1.2.1","src_id":"25","date":1470527934000},
{"src_ip":"1.1.2.1","src_id":"25","date":1470527934000}]

这是我在html文件中使用的代码：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Testing Results</title>
<!--TODO badan version e CDN e jquery use shavad-->
<script type="text/javascript"
        src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $.ajax({
        url: "http://127.0.0.1:8080/restapi2",
        dataType: "jsonp"
    }).then(function(data) {
       $('.List').append(data);
       $('.data').append(data[0]);
    });
});
</script>
</head>
<body>
    <div>
        <br><br>
        <p class="List"></p>
        <br><br>
        <p class="data"></p>
    </div>
</body>
</html>

我应该说当我在我的html文件上运行此link的示例时，它可以正常工作。

更新部分：

修复上次错误后，仍然没有在我的浏览器中显示任何正确的数据，但这次，控制台得到了一些东西，但我不知道如何使用它们。这是它的快照，左侧显示发送了两个对象。

以及该对象的内容：

Answer 1

根据对评论的讨论，原因是您试图访问不同于您的页面的域名，这是浏览器禁止的安全预防措施。

$(document).ready(function() {
    $.ajax({
        url: "http://localhost:8080/restapi2"
    }).then(function(data) {
       $('.List').append(data);
       $('.data').append(data[0].);
    });
});

"No 'Access-Control-Allow-Origin' header is present on the requested resource"

ajax没有显示对json对象列表的任何响应，作为rest api响应

1 个答案: