jQuery_jquery의 ajax 비동기 동기화 및 비동기성에 대한 자세한 설명

프로젝트에 그런 요구사항이 있는데, ajax를 사용하여 데이터를 로드하고, 페이지를 반환하고 값을 할당한 다음 프런트엔드에서 값을 꺼냅니다

이것은 코드의 순서와 관련이 있습니다. 때로는 백그라운드가 데이터를 반환하지 않았지만 후속 코드가 실행되었습니다.

그래서 값을 얻을 수 없습니다

$.ajax({ type: "post",  url: "admin/PfmOptionRuleItem.do", success: function(data){  $("#ruleItem").val(data.ruleItem); //① } }); return $("#ruleItem").val(); //②

①이 백그라운드에서 데이터를 반환하지 않은 경우 이때 ②를 실행하면 값을 얻을 수 없습니다

Ajax의 첫 글자는 비동기식(Asynchronous)의 첫 글자로, 모든 작업이 병렬적이고 완료 순서에는 관계가 없다는 의미입니다.

$.ajax()의 async 매개변수는 항상 true로 설정됩니다. 이는 요청이 시작된 후에도 다른 코드가 계속 실행될 수 있음을 나타냅니다.

이 옵션을 false로 설정하면 모든 요청이 더 이상 비동기화되지 않으며 브라우저도 잠기게 됩니다.

공식에서는 권장하지 않지만 너무 많이 사용할 수는 없습니다. 그렇지 않으면 사용자 경험이 저하될 수 있습니다

밤 하나 주세요

alert("setp 1"); $.ajax({  url: "admin/PfmOptionRuleItem.do",  async: false,  success: function(data){   alert("hello ajax"); //①  } }); alert("setp 2"); //②

asyn을 false로 설정하면 ajax 요청이 동기화됩니다. 즉, 이때 ajax 블록이 요청을 보낸 후

그는 ①에서 기다리고 ①이 완료될 때까지 ②를 실행하지 않습니다

이때 실행순서는

설정 1

안녕 아약스

설정 2

async가 true인 경우 실행 순서는

입니다.

설정 1

설정 2

안녕 아약스

이 기사에서 설명하는 jQuery의 ajax 비동기 동기화 및 비동기성에 대해 모두 소개했습니다. 모든 사람에게 도움이 되기를 바랍니다.