How do I load JSON data synchronously with d3.js?

json xmlhttprequest d3.js synchronous
Uri Laserson picture Uri Laserson · Mar 7, 2013 · Viewed 9.9k times · Source

When my site first initializes, it queries a server to get back some data. I can't lay anything out on the page until this data gets back. With d3.js, I can use d3.json() to get my data, but because it's asynchronous, I need to put the entire page logic in the callback function. How do I request the data and wait for it to come back?

Answer

CL22 picture CL22 · Mar 7, 2013

You're basically doing it the only way. The callback function has to be the one initiating the rest of your code. You don't need all your code in the callback function though, you can introduce indirection. So the callback function will call another function inside which would be what is currently in your callback function.

Related questions

POST data in JSON format

I have some data that I need to convert to JSON format and then POST it with a JavaScript function. <body onload="javascript:document.myform.submit()"> <form action="https://www.test.net/Services/RegistrationService.svc/InviteNewContact" method="…

Read More
file_get_contents("php://input") or $HTTP_RAW_POST_DATA, which one is better to get the body of JSON request?

file_get_contents("php://input") or $HTTP_RAW_POST_DATA - which one is better to get the body of JSON request? And which request type (GET or POST) should I use to send JSON data when using client side …

Read More
jQuery posting valid json in request body

So according to the jQuery Ajax docs, it serializes data in the form of a query string when sending requests, but setting processData:false should allow me to send actual JSON in the body. Unfortunately I'm having a hard time …

Read More