forEach 내에서 forEach 함수 내에서 Ajax 호출을 기다리는 중

Question

배열을 처리해야하는 함수가 있습니다.이 함수의 일부로 루프를 반복하고 유효한지를 결정하는 값을 사용하여 ajax 호출을 수행해야합니다. 오류가 발견되면 모든 데이터를 처리 한 후 오류 메시지 문자열을 반환합니다. 함수가 반환되기 전에 모든 루프가 완료 될 것이라는 점을 염두에 두면서 어떻게 AJAX 호출을 완료 할 수 있을까요?

모든 종류의 지연/약속 관련 작업을 시도했지만 올바르게 처리 할 수 ​​없습니다. ( forEach로 인해 "반환 비동기 데이터를 얻는 방법" 또는 원리가 같더라도 implimentation에 어려움을 겪고 있습니다.

아래의 트림 된 코드는 차이를 만드는 경우 forEach 내에서 // 다른 것들을 수행하십시오. 주의자는 handleFileSelect()을 호출합니다. basicValidation() 호출;

function basicValidation(data) { 
    // Store errors to be returned. 
    var failed = ''; 
    // Loop over each row and validate. 
    data.forEach(function(row, index) { 

     // Do other stuff. 

     if (a) { 
      // Do stuff. 
     } else if (b) { 
      // Do ajax bit that only happen sometimes. 
      $.ajax({ 
       url: 'https://api.postcodes.io/postcodes/' + row[5], 
       success: function (data) { 
        if (200 !== data.status) { 
         failed += 'Row ' + index + ':: invalid Address - lookup failed.\n'; 
        } 
        // Do other checks. 
       }, 
       error: function (request, status, error) { 
        console.log( 'Postcode lookup request failed:: ' + request.responseText + '\n' + status + '\n' + error); 
       } 
      }); 
     } 

     // Do other stuff. 
    } 

    return failed; 
} 


function handleFileSelect(results) { 
    // Do the basic front-end validation. 
    var validation = basicValidation(results.data); 
    if (validation.length) { 
     alert('Failed.\n\n' + validation + '\nPlease correct your data, refresh the page, and try again.'); 
     return false; 
    } 
} 

Answer 1

당신이설정을 시도 되세요 0 AJAX에? docs에 따르면

가 :

비동기 (기본값 : true)를 입력 : 부울 기본적으로 모든 요청 (즉이 기본적으로 true로 설정) 비동기 전송됩니다. 동기화 요청이 인 경우이 옵션을 false로 설정하십시오.

계속하기 전에 응답을 기다립니다. 당신이했습니다 일단 이런 일이 없습니다 -

// Do ajax bit. 
     $.ajax({ 
      url: 'https://api.postcodes.io/postcodes/' + row[5], 
      async: false, 
      success: function (data) { 
       if (200 !== data.status) { 
        failed += 'Row ' + index + ':: invalid Address - lookup failed.\n'; 
       } 
       // Do other checks. 
      }, 
      error: function (request, status, error) { 
       console.log( 'Postcode lookup request failed:: ' + request.responseText + '\n' + status + '\n' + error); 
      } 
     });