Javascript 개체를 자바 스크립트로 변환

Question

녹아웃 관측 가능한 배열을 사용하여 드롭 다운 목록을 채 웁니다. 배열 값을 하드 코딩하면 드롭 다운 목록이 채워집니다. 이제 데이터베이스에서 데이터를 가져 오려고합니다. JSON 형식을 사용하고 있습니다. 자바 스크립트 개체의 단일 속성에 액세스하고 있습니다. 즉, 인증 및 나는 다시 스크립트로 전달 오전 배열을 만드는 중입니다.하지만 때마다 배열은 콘솔에 표시되는 반면에 전달되는 값은 정의되지 않습니다.

내가 사용하고 배열로 변환하는 코드는

var getCertifications = function() { 
    $.ajax({ 
    type : "GET", 
    async : false, 
    url : "/Provider/GetCertifications", 
    dataType : "json", 
    success: function (data) { 
     var arrCertification = []; 
     $.each(data, function (i, item) { 
      arrCertification.push((item.Certification)); 
     }); 
     return arrCertification; 
    }, 
    error : function() { 
     alert(" An error occurred."); 
     } 
    }); 
}; 

녹아웃 관찰 가능한의 코드는

var certificates = getCertifications(); 
    self.certificationArray = ko.observableArray(certificates); 

입니다과 HTML은

<div class="form-group"> 
      <label class="col-sm-2 control-label labelfont">Certification:</label> 
      <div class="col-sm-6"> 
       <select class="form-control" id="certification" name="certification" data-bind="value: certification, options: certificationArray, optionsCaption: 'Select a Certification'"> 
       </select> 
      </div> 
     </div> 

수있는 몇 가지입니다 하나는 내가 잘못 가고있는 곳에서 나를 안내 해주십시오.

Answer 1

getCertifications() 함수는 아무 것도 반환하지 않습니다. 아약스 호출을 시작하는 것뿐입니다.

이 호출의 결과를 얻으려면 어떤 종류의 콜백 또는 약속 객체를 사용해야합니다. 콜백을 사용하면 다음과 같이 표시됩니다.

var getCertifications = function (cb) { 
    $.ajax({ 
    type : "GET", 
    async : false, 
    url : "/Provider/GetCertifications", 
    dataType : "json", 
    success: function (data) { 
     var arrCertification = []; 
     $.each(data, function (i, item) { 
      arrCertification.push((item.Certification)); 
     }); 
     cb(arrCertification); 
    }, 
    error : function() { 
     alert(" An error occurred."); 
     } 
    }); 
}; 

getCertifications(function(certificates) { 
    self.certificationArray = ko.observableArray(certificates); 
}); 

더 나은 패턴은 약속을 사용하는 것입니다. $ .ajax 메서드는 약속을 반환합니다. 그러나 콜백 접근법은 비동기 코드 처리에 대한 이해를 시작하기에 좋은 출발점입니다.