d3 xhr送信要求でタイムアウトを指定する方法

Question

タイムアウト値を設定して、サーバーがその特定の時間枠で応答しない場合、UIが先に進み、応答を待たないようにします。これまでのところ、以下の構文を使用していますが、指定した時刻にリッスンするようにUIを制限するものではありません。

 d3.xhr(my_url) 
     .header('Content-Type', 'text/xml') 
     .header('timeout', 2000) 
     .send(this.my_method, my_xmlData, function(error, data) { 
     } 

私はを読んで、d3 xhrはタイムアウト機能をサポートしています。誰もそれを正しく使う方法を教えてもらえますか？

Answer 1

ジャスト（バージョン4.xに）timeoutに時間（ミリ秒単位）を渡します。ここでは

.timeout(time) 

は一例です。

var url = "https://mysafeinfo.com/api/data?list=englishmonarchs&format=json"; 
 

 
d3.json(url) 
 
    .timeout(1) 
 
    .get(callback); 
 

 
function callback(data) { 
 
    console.log(data) 
 
}

<script src="https://d3js.org/d3.v4.min.js"></script>

：タイムアウトで1ミリ秒（ほんの少しの時間）を使用して、今、同じコードを

var url = "https://mysafeinfo.com/api/data?list=englishmonarchs&format=json"; 
 

 
d3.json(url) 
 
    .get(callback); 
 

 
function callback(data) { 
 
    console.log(data) 
 
}

<script src="https://d3js.org/d3.v4.min.js"></script>

：私はtimeoutなしのJSONファイルをロードします

ご覧のとおり、1ミリ秒でファイルを取得するには余裕がありませんe、そしてコールバックはnullを期待どおりに返します。