Question

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

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

API支持使用CORS的跨域请求，并且可以处理vanilla 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/

中添加标题

使用给定的URL和密钥将JSON对象提取到jQuery ajax中

1 个答案: