Então, a meu ver, é o servidor quem deve realizar a busca e embutir os dados diretamente na página que será servida (como resultado do processamento no servidor).
Na maior parte dos casos (e digo isso apenas porque, em alguns casos, como quando não temos acesso ao servidor, é realmente justificável realizar esta tarefa via Javascript), não existe propósito em servir uma página em branco, e que continua "congelada" até que uma requisição AJAX retorne os dados do servidor. Eu recomendo que você não utilize AJAX, e ao invés disso, gere a página já com os dados embutidos em lado servidor.
Porém, caso você necessite aplicar este modelo, basta utilizar o terceiro parâmetro (callback
) da função getJSON()
(que é a função a ser executada após o recebimento da resposta) para prosseguir com a execução de maneira assíncrona:
$.getJSON(v_url, v_data, function(data){
prosseguirExecucao(data);
}
Onde data
será o objeto literal com seus dados.
Caso queira uma execução síncrona (que, como o @bfavaretto apontou, é aquela categoria de chamada de rotina que impede o programa de processar qualquer outra coisa até que a rotina chamada termine), basta executar, antes do script anterior, o seguinte trecho:
$.ajaxSetup({
async: false
});
EDIT: o trecho acima modifica a forma como todas as requisições AJAX, dali por diante, serão feitas pelo jQuery. Uma vez que getJSON()
nada mais é do que uma abreviação de sintaxe para uma chamada AJAX()
comum, ela sofrerá o efeito do ajaxSetup()
também, mas se a sua intenção é fazer apenas a requisição do JSON de forma síncrona, você precisa restaurar a configuração para o modo assíncrono novamente após o getJSON()
:
$.ajaxSetup({
async: true
});