JQuery 콜백 메소드의 불일치

Question

여기에서 REST API 데이터에서 데이터를 요청하고 JQuery를 사용하여 웹 페이지에 표시하려고합니다.

응답에 대략 200ms, 300ms, 7000ms 시간이 걸리는 3 가지 요청을하고 있습니다. 여기에 두 개의 호출 메소드가 3 개에서 호출되고 있습니다. 왜 3 번째 호출이 호출되지 않는지 이해하지 못합니다. Firebug 도구를 사용하여 디버그 할 때 응답이 서버에서 발생합니다.

아래 기능 순서가 변경되면 동작이 변경됩니다. 하나 또는 두 개의 콜백 메소드가 호출되고 있습니다.

이 문제를 해결하는 데 도움을주십시오.

$.getJSON(
    "http://115.111.168.221:8080/AnalysisWebService/getDataFromSocialMedia?searchString=wellpoint&startDate=2012-08-01&endDate=2012-08-04&method=getAnalysisRange", 
    function(json) { 

     } 

$(function() { 
$.getJSON(
"http://115.111.168.221:8080/AnalysisWebService/getDataFromSocialMedia?searchString=wellpoint&source=facebook,twitter&searchFrom=socialmention&method=getTodayAnalysis",   

function(json) { 

} 
} 
); 
); 

$(function() { 
$.getJSON(
"http://115.111.168.221:8080/AnalysisWebService/getDataFromSocialMedia?searchString=wellpoint&source=facebook,twitter&searchFrom=socialmention&method=getCurrentAnalysis",  

function(json) { 

} 
} 
); 
); 

Answer 1

이 시도 :

var url = 'http://115.111.168.221:8080/AnalysisWebService/getDataFromSocialMedia?searchString=wellpoint'; 

$.getJSON(url + '&startDate=2012-08-01&endDate=2012-08-04&method=getAnalysisRange', function (json) { 
    // do something 
}); 

$.getJSON(url + '&source=facebook,twitter&searchFrom=socialmention&method=getTodayAnalysis', function (json) { 
    // do something 
}); 

$.getJSON(url + '&source=facebook,twitter&searchFrom=socialmention&method=getCurrentAnalysis', function (json) { 
    // do something 
}); 

당신은 DOM은 당신이 어떤 요청을 해고하기 위해 준비 할 필요가 없기 때문에 다른 어떤에서 그들을 포장 할 필요가 없습니다.

더 좋은, 더 읽기 쉽 같은 것을 할 :

var url = 'http://115.111.168.221:8080/AnalysisWebService/getDataFromSocialMedia'; 

$.getJSON(url, { 
    searchString: 'wellpoint', 
    startDate: '2012-08-01', 
    endDate: '2012-08-04', 
    method: 'getAnalysisRange' 
}).success(function(json) { 
    console.log(json); 
}).error(function() { 
    console.log('error!'); 
}); 

$.getJSON(url, { 
    searchString: 'wellpoint', 
    source: 'facebook,twitter', 
    searchFrom: 'socialmention', 
    method: 'getTodayAnalysis' 
}).success(function(json) { 
    console.log(json); 
}).error(function() { 
    console.log('error!'); 
}); 

$.getJSON(url, { 
    searchString: 'wellpoint', 
    source: 'facebook,twitter', 
    searchFrom: 'socialmention', 
    method: 'getCurrentAnalysis' 

}).success(function(json) { 
    console.log(json); 
}).error(function() { 
    console.log('error!'); 
}); 

편집을 : 나뿐만 아니라 오류 처리기를 부착하고 제거했다? url에서.

Answer 2

괄호와 괄호가 올바르게 정렬되어 있지 않습니다. Firebug를 통해 확인하는 경우 페이지에 오류가 발생해야합니다.

업데이트 : 난 당신의 코드가 같은 포맷해야한다고 생각 :

$.getJSON(
    url, 
    function(json) { 

    } 
) 

$(function() { 
    $.getJSON(
    url,  

     function(json) { 

     } 
    ) 
} 
); 

$(function() { 
    $.getJSON(
     url,  

     function(json) { 

     } 
    ) 
} 
); 

또한, 당신은 함수로 중복 코드를 이동 고려해야하고, 단지 document.ready 통화 중 하나를 사용하여. 이렇게하면 코드가 더 강력하고 읽기 쉬워집니다.