Question

我正在尝试使用部署在aws云上的restful api，它返回一个Json，我希望使用javascript在浏览器上显示json。但我没有实现这样做。下面是我的index.html和hello.js文件：

// index.html的

    <!DOCTYPE html>
<html>
    <head>
        <title>Hello jQuery</title>

        <script src="hello.js"></script>
    </head>

    <body>
        <div>
            <p class="greeting-id">The ID is </p>
            <p class="greeting-content">The content is </p>
        </div>
    </body>
</html>

// hello.js

    var xhr = new XMLHttpRequest();
    xhr.open("get", "https://xxxxxx.execute-api.us-west-2.amazonaws.com/dev",  true);
    xhr.onload = function(){  
    //do something
   };
xhr.send(null);

任何帮助将不胜感激，我是新手。提前致谢。

Answer 1

首先，您需要在服务器的.config文件中允许访问控制。

其次，您可以使用http或jQuery获取数据ajax get并将其分配给类似jsonStr的内容

最后，在你的功能中，做 var jsonStr = JSON.stringify（jsonVar）; document.getElementsByClassName（＆＃39; greeting-content＆＃39;）。innerHTML = jsonStr;

“CORS标题'Access-Control-Allow-Origin'缺失”：在调用已部署的AWS Api网关时

1 个答案: