我想设置一个超时值,这样如果服务器在特定时间范围内没有响应,那么 UI 应该继续前进而不是等待响应。到目前为止,我使用了以下语法,但它不限制 UI 监听指定时间。
d3.xhr(my_url)
.header('Content-Type', 'text/xml')
.header('timeout', 2000)
.send(this.my_method, my_xmlData, function(error, data) {
}
我读了here d3 xhr 现在支持超时功能。谁能告诉我如何正确使用它?
最佳答案
只需将时间(以毫秒为单位)传递给timeout
(在版本 4.x 中):
.timeout(time)
这是一个例子。我将在没有 timeout
的情况下加载 JSON 文件:
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>
现在相同的代码,在超时中使用 1 毫秒(非常短的时间):
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 毫秒获取文件的时间太短,回调将按预期返回 null
。
关于javascript - 如何在d3 xhr发送请求中指定超时,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46924473/