d3.js의 d3.xhr (rpcUrl)는 JSON 데이터가

Question

배경 객체를 전달하는 데 실패합니다 : 여기에 입증 된 바와 같이 나는 choropleth를 만들 D3를 사용하려고 해요 : 내 데이터가오고있다 http://bl.ocks.org/mbostock/4060606

json-rpc api에서.

responseText: "{"jsonrpc":"2.0","error":{"code":"bad_request","message":"JSON RPC requires a 'method' field"}}" 

내 방법은 분명히 존재 rpcData에서, 그래서 내가 실제로 모든 오브젝트를 제공하고 있지 않다 나타납니다

var rpcUrl = "http://localhost:3001/rpc/json"; 

var rpcData = '{"params": {}, "jsonrpc": "2.0", "method": "foo.method", "id": "bar"}'; 

console.log(d3.xhr(rpcUrl).post(rpcData, function(error, data){ 
    console.log(error); 
    console.log(data); 
})); 

난에서 responseText를 얻고있다. 내 문제는 d3.xhr이 어떻게 호출되는지에 대한 오해라고 생각합니다. 모든 단서?

참고 : 배경 정보를 보면 d3.xhr (url) .post()가 queue.js를 사용하여 호출된다는 것을 알 수 있습니다. 문제의 원인에 대한 혼동을 피하기 위해 위의 단순화 된 호출을 제공합니다.

Answer 1

d3.xhr.post와 동일한 문제가 발생하여 데이터가 전송되지 않습니다. content-type 헤더 정보를 application/json으로 설정하면 문제가 해결되었습니다. 업데이트 된 예는 다음과 같습니다.

var rpcUrl = "http://localhost:3001/rpc/json"; 
var rpcData = '{"params": {}, "jsonrpc": "2.0", "method": "foo.method", "id": "bar"}'; 
console.log(d3.xhr(rpcUrl) 
    .header("Content-Type", "application/json") 
    .post(rpcData, function(error, data) { 
    console.log(error); 
    console.log(data); 
    }) 
);