Javascript 使用给定的URL和键将JSON对象提取到jQueryAjax中

远程服务器上的API将返回一个HTTP 200响应，其中包含键“Contacts”可用的所有联系人的JSON

该API支持使用CORS的跨域请求，并可处理普通Ajax请求（无需实现JSONP回调）。 我的代码到目前为止

<script>
    $(document).ready(function(){
        $.ajax({
            type: 'GET',
            url:  'http://ui-proj.practodev.in/contacts',
            dataType: 'json',
            success: function(data){
                $("#contacts").html(data);
            }
        });
    });
</script>
<div id="contacts"></div>

$（文档）.ready（函数（）{
$.ajax({
键入：“GET”，
网址：'http://ui-proj.practodev.in/contacts',
数据类型：“json”，
成功：功能（数据）{
$（“#联系人”）.html（数据）；
}
});
});

---

但是我无法在我的页面中获取JSON数据。请告诉我哪里错了

使用Fiddler查看该请求的响应我发现您缺少授权标头：

HTTP/1.1 401 UNAUTHORIZED
Server: nginx/1.4.1
Date: Sat, 02 Nov 2013 13:44:39 GMT
Content-Type: application/json
Content-Length: 43
Connection: keep-alive
Access-Control-Allow-Origin: *
Access-Control-Allow-Headers: X-USER

{
  "X-USER": "Missing X-USER in headers"
}

---

您可以在

是否调用成功回调中检查如何添加标题？你有联系人的div吗？如果你检查控制台，你会看到你的请求得到

401个未经授权的
响应。你需要检查API，看看是否需要在请求中传递某种形式的凭据。我有一个id名为contacts的标记。我从API得到一条指示，“当从contacts Demo API访问任何URL时，传递一个标题参数X-USER，该参数的值作为你的电子邮件地址进行身份验证。”因此我添加了like标题：{'X-USER'：'bob@example.com'}这样可以吗？知道它的唯一方法是测试：）我是前端的乞丐，对jQuery和ajax不太熟悉。你能帮我如何用firebug测试javascript代码吗？通常我使用Chrome，有一个很好的课程来学习如何使用类似firebug的Chrome开发工具：。如果你使用的是web服务您应该学习fiddler或类似的工具来模拟http请求
HTTP/1.1 401 UNAUTHORIZED
Server: nginx/1.4.1
Date: Sat, 02 Nov 2013 13:44:39 GMT
Content-Type: application/json
Content-Length: 43
Connection: keep-alive
Access-Control-Allow-Origin: *
Access-Control-Allow-Headers: X-USER

{
  "X-USER": "Missing X-USER in headers"
}