javascript - d3.js json http 身份验证问题(未收到数据)

Question

我尝试在请求身份验证的服务器上获取 D3.js 的 json 数据。在谷歌上多次搜索后，我没有找到我的问题的任何答案。我收到一个错误:XMLHttpRequest { readyState=4, timeout=0, withCredentials=false, more...} 请参阅下面的详细信息。在任何关于安全的评论之前(脚本在没有连接到互联网的隔离网络上运行)

我的 d3.js 代码是:

function make_base_auth(user, password) {
var tok = user + ':' + password;
var hash = btoa(tok);
return "Basic " + hash;

d3.json("http://xxx.xxx.xxx.xxx/request-json").header("Authenticate", make_base_auth("login","password").get(function(error,data){

if (error) {
    console.log(error);
}else {
    console.log(data);
  }

... rest of code...

错误详情:

XMLHttpRequest { readyState=4, timeout=0, withCredentials=false, more...}

DONE
    4
HEADERS_RECEIVED
    2
LOADING
    3
OPENED
    1
UNSENT
    0
getmozAnon
    false
mozBackgroundRequest
    false
getmozSystem
    false
onloadend
    null
ontimeout
    null
getreadyState
    4
getresponse
    ""
getresponseText
    ""
responseType
    ""
getresponseXML
    null
getstatus
    0
getstatusText
    ""
timeout
    0
getupload
    XMLHttpRequestUpload { onloadstart=null, onprogress=null, onabort=null, more...}
withCredentials
    false
abort
    abort()
addEventListener
    addEventListener()
dispatchEvent
    dispatchEvent()
getAllResponseHeaders
    getAllResponseHeaders()
getResponseHeader
    getResponseHeader()
onerror
    u()
onload
    u()
onprogress
    function()
open
    open()
overrideMimeType
    overrideMimeType()
removeEventListener
    removeEventListener()
send
    send()
sendAsBinary
    sendAsBinary()
setRequestHeader
    setRequestHeader()
__proto__
    XMLHttpRequestPrototype { UNSENT=0, OPENED=1, HEADERS_RECEIVED=2, more...}

感谢您的帮助纪尧姆

Answer 1

1. http 基本 header 应该是“授权”而不是“验证”。引用:http://en.wikipedia.org/wiki/Basic_access_authentication .

2. 如果您从与网页不同的服务器调用 URL，请确保您的服务器支持 CORS。