javascript - 使用给定的 URL 和键将 JSON 对象获取到 jQuery ajax

Question

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

"contacts" : [{
    "id" : "1"
    "contact_name" : "Bob"
    "contact_phone" : "9876543210",
    "contact_email" : "bob@example.com"
}] 

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>

但我无法在我的页面中获取 JSON 数据。请建议我哪里可能出错。

Answer 1

使用 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"
}

您可以检查如何在http://api.jquery.com/jQuery.ajax/添加标题