내 코드가 D3.json()\의 콜백 내에서 실행되지 않는 이유는 무엇입니까?

D3 JSON 콜백 내 코드 실행 문제

문제:

이전 D3 버전 v5에서는 d3.json() 함수의 콜백 내에 작성된 코드가 실행되지 않아 브라우저가 호출에 포함된 모든 항목을 건너뛰게 되었습니다.

해결책:

D3 v5의 서명 변경:

D3 v5에서 d3.json()의 서명이 변경되었습니다. 이제 콜백 함수에 의존하는 대신 Promise를 반환합니다. 두 번째 인수는 이제 선택적 RequestInit 개체입니다.

수정된 코드:

문제를 해결하려면 다음과 같이 코드를 다시 작성하세요.

d3.json("/trip_animate/tripData.geojson")
  .then(function(data) {
    // Code from your original callback here...
  });

오류 처리:

D3 v5는 더 이상 오류 처리를 위해 콜백의 첫 번째 매개변수에 의존하지 않습니다. 대신, 오류가 발생하면 d3.json()에서 반환된 Promise는 거부됩니다.

오류를 처리하는 두 가지 기본 방법은 다음과 같습니다.

1. .then() 오류 처리기 사용:

d3.json("/trip_animate/tripData.geojson")
  .then(function(data) {
    // Code from your original callback here...
  })
  .catch(function(error) {
    // Error handling code here...
  });

2. .catch() 오류 처리:

d3.json("/trip_animate/tripData.geojson")
  .then(function(data) {
    // Code from your original callback here...
  }).catch(function(error) {
    // Error handling code here...
  });

구현하여 이러한 변경 사항을 적용하면 d3.json() 콜백 내의 코드가 의도한 대로 실행되는지 확인할 수 있습니다.

위 내용은 내 코드가 D3.json()\의 콜백 내에서 실행되지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!