ajax 요청을 통해 JSON을로드 할 때 어떻게 브라우저 잠금을 멈출 수 있습니까?

Question

아약스 요청이 제공 될 때까지 드롭 다운 및 브라우저가 잠기는 문제가 있습니다. ASYNC를 JSON Ajax 요청에 대해 False로 설정해야한다는 것을 알고 있으므로 Ajax 요청이 수신 될 때까지 누군가가 드롭 다운 및 페이지 잠그지 않도록 코드를 수정하도록 도와 주시면 감사하겠습니다.

당신은 여기에서 확인할 수 있습니다

http://bit.ly/16QN1lA

나는 5 초를 추가했습니다. 문제를보다 분명하게하기 위해 data.php 파일을 잠자 요.

Answer 1

당신이 비동기 AJAX와 오류를 얻고있는 이유는 기능이 즉시 서버로부터 응답을 받기 전에 잘되는 반환한다는 것입니다. 따라서 가비지 데이터에 JSON.parse()이 호출되어보고있는 오류의 원인이됩니다.

이 솔루션은 구문 분석을 사용하면 서버에서 응답을받을 후 일어날 수 있도록하는 것입니다 : 내가 jQuery를 $ .getJSON을 사용하기로 결정

if(year !=""){ 
    //Get vehicle json and store into vehicles_json 
    getJson(
     js_base_url, 
     function(makes_json) { 
      //Set makes equal to makes dropdown 
      var makes = $("#make"); 
      //empty dropdown 
      makes.empty(); 

      var makes_array = []; 
      //loop through makes_json json 
      $.each(makes_json, function() { 
        makes_array.push('<option value="', this.model_make_display, '">', this.model_make_display, '</option>'); 
      }); 
      makes.html(makes_array.join('')); 
     } 
    ); 
} 

function getJson(url, callBack) { 
    $.ajax({ 
    type: 'GET', 
    url: url, 
    dataType: 'json', 
    global: false, 
    success: function(json_response) { 
     callBack(json_response); 
    } 
}); 
} 

Answer 2

이 작업을 수행하는 다른 방법을 제안하겠습니다.

$.get(url, function(res){ 
data = JSON.parse(res); 
$(data).each(function(k,v){ 
    $('#makes').append(html) 
} 
} 

Answer 3

그것은 브라우저를 잠그지 않고 일하고있다.

$.getJSON("test.php", function(json) { 
    console.log("JSON Data: " + json); 
}); 

http://api.jquery.com/jQuery.getJSON/