Как отклонить обещание на тайм-аут запроса d3 xhr?

Question

Как отклонить обещание на тайм-аут запроса d3 xhr?

1

Я хочу установить значение тайм-аута, чтобы, если сервер не отвечает в этот конкретный временной интервал, тогда пользовательский интерфейс должен двигаться вперед и не ждать ответа. До сих пор я использовал синтаксис ниже, но пользовательский интерфейс повесился, ожидая ответа. Как я могу указать обратный вызов для сброса значений и информировать пользовательский интерфейс, который больше не нужно ждать.

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

Я читал здесь, что d3 xhr теперь поддерживает функцию тайм-аута. Как использовать это и выполнять обратный вызов при истечении времени запроса? Может ли кто-нибудь рассказать мне, как правильно использовать это? Я попытался использовать

.ontimeout(function(){console.log('request timedout!!'})

но это не сработало.

Я использую обещания, поэтому я хочу отказаться от обещания в случае тайм-аута. И я хочу передать UI те же самые значения, которые он получает, если я получаю сообщение об ошибке. В основном нулевые значения, чтобы он опустился. Но в случае таймаута пользовательский интерфейс не получает никаких значений, и мой загрузчик экрана работает.

ТИА.

Vishal Gulati 25 окт. 2017, в 08:48

Источник

0

Какая версия D3? Я думаю, что Xhr из v.3, но документ, с которым вы связаны, v.4.
Mark Meyer 25 окт. 2017, в 05:59
0

@Mark_M Я использую 3.5.5! Но тайм-аут работает и с ним!
Vishal Gulati 25 окт. 2017, в 06:15
0

@Manu 3.5.5 не имеет таймаута в версии 4
Cyril Cherian 25 окт. 2017, в 07:58
0

@Cyril yup только что заметил. Добавление тайм-аута в 3.5.5 в основном пропускает запрос, даже если интервал тайм-аута составляет 20000 мс. Пробовал раньше с 200мс и думал, что работает нормально. Но это не так. Есть ли другой способ заставить его работать в 3.5.5?
Vishal Gulati 25 окт. 2017, в 08:04
0

Тогда, может быть, вы можете сделать это с xhr developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest
Cyril Cherian 25 окт. 2017, в 08:13

Показать ещё 3 комментария

Теги:

javascript

d3.js

xmlhttprequest

promise

timeout

1 ответ

Ещё вопросы

Какая версия D3? Я думаю, что Xhr из v.3, но документ, с которым вы связаны, v.4.
@Mark_M Я использую 3.5.5! Но тайм-аут работает и с ним!
@Manu 3.5.5 не имеет таймаута в версии 4
@Cyril yup только что заметил. Добавление тайм-аута в 3.5.5 в основном пропускает запрос, даже если интервал тайм-аута составляет 20000 мс. Пробовал раньше с 200мс и думал, что работает нормально. Но это не так. Есть ли другой способ заставить его работать в 3.5.5?
Тогда, может быть, вы можете сделать это с xhr developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest

Cyril · Accepted Answer · 2017-10-25T06-41-00.000Z

Поскольку d3 v3 не поддерживает тайм-аут, вы можете пропустить так:

var url = "https://mysafeinfo.com/api/data?list=englishmonarchs&format=xml";
let pr = new Promise(function(resolve, reject) {
  var xhr = new XMLHttpRequest();
  xhr.responseType = 'document';
  xhr.overrideMimeType('text/xml');
  xhr.open('GET', url, true);
  xhr.timeout = 1; // time in milliseconds
  xhr.onload = function(d) {
    console.log("load", xhr.responseXML)
    resolve(xhr.responseXML)
  };

  xhr.ontimeout = function(e) {
    console.log("timeout")
    reject({message: "I got timed out"});    
  };

  xhr.send(null);
});
pr.then(function(data) {
  console.log(data)
}, function(err) {
  console.log(err)
})

Предоставление выше тайм - аут рабочего кода здесь

Если вы используете d3.v4, вы можете использовать рабочий код тайм-аута здесь