- html - 我的下拉菜单的内容关闭得太快
- c# - 使用 Html Agility Pack 从网页中的表中获取值而不使用 "SelectNode'
- html - 内容容器下的 CSS 下拉菜单
- html - 如何停止嵌套列表重叠父列表?
我见过各种使 fetch 看起来同步的解决方案,例如使用await,但是它们必须包装在异步函数中,因此整个事情不是同步的。
我需要运行 fetch x 次,并按照开始的顺序完成每次迭代。如果我在 fetch 之后使用 .then ,它会在每个 fetch 实例之后运行,但结果(包括 .then 运行的函数的结果)将按响应顺序返回,因此列表按 a-z 顺序获取的 url 在输出时可能会部分随机返回,这是 Not Acceptable 。
我尝试使用带有 async: false 的 jquery ajax,虽然这使输出与输入保持顺序 - 当它成功运行时 - 它会在错误时无限期卡住,并且它的超时值在同步中不起作用模式。
我们似乎可以选择以潜在的随机顺序获取多个连续的 url,或者我们可以按顺序获取它们,使用同步模式下的 jquery ajax/XMLHTTPRequest,但当 URL 时会卡住浏览器超时,而我们设置的用于中止尝试检索 url 的超时值将被忽略。
下面是一个示例,它读取地址文本文件(每行一个),获取其市议会区,并将其附加到该行。它可以工作——除了输出行的顺序与输入的顺序不同,而且我还没有找到一种方法让它们在同步模式下,在 url 超时时不会无限期卡住。
<!DOCTYPE html>
<html><head><body>
<h1>LAS - Find My District Widget</h1>
<h2>Select a text file (.txt) with a list of addresses - each in a new line. The Widget will return the corresponding districts.</h2>
<input id="input-file" type="file">
<hr><textarea id="output-box" cols="250"></textarea>
<script>
var baseUrl = "https://changedthistoprotectprivacy";
var input = document.getElementById('input-file');
var output = document.getElementById('output-box');
function writeSuccesOutput(geoclientResp) {
var address = geoclientResp.input.replace(/(?:\r\n|\r|\n)/g,"");
var cityCouncil = geoclientResp['results'][0].response.cityCouncilDistrict;
var addressWithCcd = address + ' City Council District ' + cityCouncil + '\n';
output.textContent += addressWithCcd;
}
function writeErrorOutput(error) {
var address = geoclientResp.input.replace(/(?:\r\n|\r|\n)/g,"");
var message = address + ' ERROR ' + error + '\n';
output.textContent += message;
}
function geocode(address) {
var querystring = encodeURI(address);
var url = baseUrl + querystring;
fetch(url).then(function(response) {
response.json().then(writeSuccesOutput);
}).catch(writeErrorOutput);
}
var reader = new FileReader();
reader.onloadend = function (event) {
output.textContent = ''
var addressList = event.target.result.split("\n");
for (var i = 0; i < addressList.length; i++) {
geocode(addressList[i]);
}
}
input.onchange = function() {
if (this.files && this.files[0]) {
reader.readAsBinaryString(this.files[0]);
}
}
</script>
</body>
</html>
最佳答案
您的实际要求是保持结果与输入的顺序相同,以便我们可以确定哪些坐标属于哪个地址。您可以使用 Promise.all()
,它会在给定所有 Promise 解析时进行解析,并以相同的顺序返回结果。
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/all
var reader = new FileReader();
reader.onloadend = function (event) {
output.textContent = ''
var addressList = event.target.result.split("\n");
var prmises = addressList.map(address => geocode(address));
Promise.all(promises).then(coordinates => {
// here coordinates[0] is result for addressList[0] and so on
});
}
// Here is a demo
const fakeApi = (address) => {
const randrom = Math.random() * 1000 + 1000;
return new Promise(resolve => {
setTimeout(() => resolve(`${address}_${randrom}`), 10);
});
};
const addresses = ['A', 'B', 'C', 'D', 'E', 'F'];
const promises = addresses.map(address => fakeApi(address));
console.log(addresses);
Promise.all(promises).then(results => {
console.log(results);
});
关于javascript - 真正同步运行多次 fetch,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50381326/
缓冲区溢出问题是众所周知的。因此,我们有幸使用标准库函数,例如 wcscat_s()。 Microsoft 的好心人已经创建了类似的安全字符串函数,例如 StringCbCat()。 但是我遇到了一个
经过前两章的学习,我们知道了通信安全的定义以及TLS对其的实现~有了这些知识作为基础,我们现在可以正式的开始研究HTTPS和TLS协议了。嗯……现在才真正开始。 我记得之前大概聊过,当
上一篇噢,我们搞明白了什么是安全的通信,这个很重要,特别重要,敲黑板!! 然后,我们还学了HTTPS到底是什么,以及HTTPS真正的核心SSL/TLS是什么。最后我们还聊了聊TLS的实
前面我们花了很大的篇幅来讲HTTP在性能上的改进,从1.0到1.1,再到2.0、3.0,HTTP通过替换底层协议,解决了一直阻塞性能提升的队头阻塞问题,在性能上达到了极致。 那么,接下
我们前一篇学习了HTTP/2,相比于HTTP/1,HTTP/2在性能上有了大幅的改进,但是HTTP/2因为底层还是基于TCP协议的,虽然HTTP/2在应用层引入了流的概念,利用多路复用解决了队头
在前面的章节,我们把HTTP/1.1的大部分核心内容都过了一遍,并且给出了基于Node环境的一部分示例代码,想必大家对HTTP/1.1已经不再陌生,那么HTTP/1.1的学习基本上就结束了。这两
我们在前两篇的内容中分别学习了缓存和代理,大致了解了缓存有哪些头字段,代理是如何服务于服务器和客户端的,那么把两者结合起来,代理缓存,也就是说代理服务器也可以缓存,当客户端请求数据的时候,未必一
代理,其实全称应该叫做代理服务器,它是客户端与服务器之间得中间层,本质上来说代理就是一个服务器,在HTTP的链路中插入的一个中间环节,就是代理服务器啦。所谓的代理服务就是指:服务本身不生产内容,
HTTP缓存相关的问题好像是前端面试中比较常见的问题了,上来就会问什么cache-control字段有哪些,有啥区别啥的。嗯……说实话,我觉得至少在本篇来说,HTTP缓存还算不上复杂,只是字段稍
我们在之前的文章中介绍HTTP特性的时候聊过,HTTP是无状态的,每次聊起HTTP特性的时候,我都会回忆一下从前辉煌的日子,也就是互联网变革的初期,那时候其实HTTP不需要有状态,就是个浏览页面
这一篇文章,我们核心要聊的事情就是HTTP的对头阻塞问题,因为HTTP的核心改进其实就是在解决HTTP的队头阻塞。所以,我们会讲的理论多一些,而实践其实很少,要学习的头字段也只有一个,我会在最开始
前面几篇文章,我从纵向的空间到横向的时间,再到一个具体的小栗子,可以说是全方位,无死角的覆盖了HTTP的大部分基本框架,但是我聊的都太宽泛了,很多内容都是一笔带过,再加上一句后面再说就草草结束了。
我的问题确实很简单,是否应该对适配器(设计模式)类进行单元测试,以及如何进行测试? 例子: 我想用PHP创建一个ClientSocket类,它是fsockopen,fread,fwrite的适配器。
目前,我在 PHP 脚本中使用此查询: SELECT * FROM `ebooks` WHERE `id`!=$ebook[id] ORDER BY RAND() LIMIT 125; 数据库最多大约
我们都知道可以使用 GetCustomAttributes 方法查询程序集的属性。我想用它来识别我的应用程序的扩展模块。但是,为了避免加载每个程序集,我更喜欢防御性方法: 使用 Assembly.Re
我正在移植一个非常大的代码库,我在处理旧代码时遇到了更多困难。 例如,这会导致编译器错误: inline CP_M_ReferenceCounted * FrAssignRef(CP_M_Refere
[关于此主题还有其他类似的问题,但是它们都没有回答我在这里提出的问题,即AFAICT。 (即,我已经阅读了所有答案,解释了为什么特定构造无法与发问者尝试进行的操作,在某些情况下,它们提供了获得所需结果
嗨 我想为需要全屏运行的网络艺术应用程序构建一个控制面板,因此所有控制颜色和速度值等内容的面板都必须位于不同的窗口中。 我的想法是建立一个数据库来存储所有这些值,当我在控制面板窗口中进行更改时,应用程
关闭。这个问题需要更多focused .它目前不接受答案。 想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post . 关闭 9 年前。 Improve this qu
假设我想实现一个分布式数据库(每个节点都是其他节点的副本);我听说 cdb 能够轻松地在两个节点之间进行同步,并且至少支持某种形式的冲突解决。 不幸的是我不知道 couchdb 因此我不得不问:节点“
我是一名优秀的程序员,十分优秀!