- r - 以节省内存的方式增长 data.frame
- ruby-on-rails - ruby/ruby on rails 内存泄漏检测
- android - 无法解析导入android.support.v7.app
- UNIX 域套接字与共享内存(映射文件)
我已阅读 this question但它并不能完全回答我的问题。不幸的是,自从我上次查看 AJAX 以来,XHR 对象中的内容似乎发生了变化,因此在完成填充之前不再可能直接访问 responseText
。
我必须编写一个页面,该页面使用 AJAX(最好是 jQuery,但我愿意接受建议)通过 HTTP 从我无法控制的服务器检索 CSV 数据。响应数据可能非常大;一兆字节的文本并不少见。
服务器是流友好的。还有什么方法可以直接从 JavaScript 访问返回的数据流吗?
我确实可以选择编写一些位于中间的 PHP 代码并使用某种“ cometd ”技术(长轮询、EventSource 等),但我希望尽可能避免这种情况。
如果相关,假设用户拥有最新版本的 Firefox/Chrome/Opera,并且旧版浏览器兼容性不是问题。
最佳答案
这在输出文本或 HTML 时非常简单。下面是一个例子。
(但是,如果尝试输出 JSON,您会遇到问题,我将在后面进一步解决。)
header('Content-type: text/html; charset=utf-8');
function output($val)
{
echo $val;
flush();
ob_flush();
usleep(500000);
}
output('Begin... (counting to 10)');
for( $i = 0 ; $i < 10 ; $i++ )
{
output($i+1);
}
output('End...');
<!DOCTYPE>
<html>
<head>
<title>Flushed ajax test</title>
<meta charset="UTF-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
var last_response_len = false;
$.ajax('./flushed-ajax.php', {
xhrFields: {
onprogress: function(e)
{
var this_response, response = e.currentTarget.response;
if(last_response_len === false)
{
this_response = response;
last_response_len = response.length;
}
else
{
this_response = response.substring(last_response_len);
last_response_len = response.length;
}
console.log(this_response);
}
}
})
.done(function(data)
{
console.log('Complete response = ' + data);
})
.fail(function(data)
{
console.log('Error: ', data);
});
console.log('Request Sent');
</script>
</body>
</html>
实际上不可能增量加载单个 JSON 对象(在完全加载之前),因为在您拥有完整的对象之前,语法将始终无效。
但如果您的响应有多个 JSON 对象,一个接一个,那么可以在它们通过管道时一次加载一个。
所以我通过...调整了上面的代码
将 PHP 文件第 4 行从 echo $val;
更改为 echo '{"name":"'.$val.'"};'
。这将输出一系列 JSON 对象。
将 HTML 文件第 24 行从 console.log(this_response);
更改为
this_response = JSON.parse(this_response);
console.log(this_response.name);
请注意,此基本代码假定进入浏览器的每个“ block ”都是有效的 JSON 对象。情况并非总是如此,因为您无法预测数据包将如何到达 - 您可能需要根据分号(或想出另一个分隔符)拆分字符串。
application/json
不要将 header 更改为application/json
- 我这样做了,它让我谷歌搜索了 3 天。当响应类型为 application/json
时,浏览器会等待响应完成,就像完全完成一样。然后解析完整的响应以检查它是否实际上是 JSON。然而,我们的完整响应是 {...};{...};{...};
这不是有效的 JSON。 jqXHR.done
方法假定存在错误,因为完整的响应无法解析为 JSON。
如评论中所述,您可以使用以下方法在客户端禁用此检查:
$.ajax(..., {dataType: "text"})
希望有些人觉得这很有用。
关于jQuery 增量读取 AJAX 流?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7740646/
这个问题在这里已经有了答案: Why filter() after flatMap() is "not completely" lazy in Java streams? (8 个答案) 关闭 6
我正在创建一个应用程序来从 Instagram 收集数据。我正在寻找像 Twitter 流 API 这样的流 API,这样我就可以自动实时收集数据而无需发送请求。 Instagram 有类似的 API
我正在使用 Apache Commons 在 Google App Engine 中上传一个 .docx 文件,如此链接中所述 File upload servlet .上传时,我还想使用 Apach
我尝试使用 DynamoDB 流和 AWS 提供的 Java DynamoDB 流 Kinesis 适配器捕获 DynamoDB 表更改。我正在 Scala 应用程序中使用 AWS Java 开发工具
我目前有一个采用 H.264 编码的 IP 摄像机流式视频 (RTSP)。 我想使用 FFmpeg 将此 H.264 编码流转换为另一个 RTSP 流,但 MPEG-2 编码。我该怎么做?我应该使用哪
Redis 流是否受益于集群模式?假设您有 10 个流,它们是分布在整个集群中还是都分布在同一节点上?我计划使用 Redis 流来实现真正的高吞吐量(200 万条消息/秒),所以我担心这种规模的 Re
这件事困扰了我一段时间。 所以我有一个 Product 类,它有一个 Image 列表(该列表可能为空)。 我想做 product.getImages().stream().filter(...) 但
是否可以使用 具有持久存储的 Redis 流 还是流仅限于内存数据? 我知道可以将 Redis 与核心数据结构的持久存储一起使用,但我已经能够理解是否也可以使用 Redis 中的流的持久存储。 最佳答
我开始学习 Elixir 并遇到了一个我无法轻松解决的挑战。 我正在尝试创建一个函数,该函数接受一个 Enumerable.t 并返回另一个 Enumerable.t ,其中包含下 n 个项目。它与
我试图从 readLine 调用创建一个无限的字符串流: import java.io.{BufferedReader, InputStreamReader} val in = new Buffere
你能帮我使用 Java 8 流 API 编写以下代码吗? SuperUser superUser = db.getSuperUser; for (final Client client : super
我正在尝试服用补品routeguide tutorial,并将客户端变成rocket服务器。我只是接受响应并将gRPC转换为字符串。 service RouteGuide { rpc GetF
流程代码可以是run here. 使用 flow,我有一个函数,它接受一个键值对对象并获取它的值 - 它获取的值应该是字符串、数字或 bool 值。 type ValueType = string
如果我有一个函数返回一个包含数据库信息的对象或一个空对象,如下所示: getThingFromDB: async function(id:string):Promise{ const from
我正在尝试使用javascript api和FB.ui将ogg音频文件发布到流中, 但是我不知道该怎么做。 这是我给FB.ui的电话: FB.ui( { method: '
我正在尝试删除工作区(或克隆它以使其看起来像父工作区,但我似乎两者都做不到)。但是,当我尝试时,我收到此消息:无法删除工作区 test_workspace,因为它有一个非空的默认组。 据我所知,这意味
可以使用 Stream|Map 来完成此操作,这样我就不需要将结果放入外部 HashMap 中,而是使用 .collect(Collectors.toMap(...)); 收集结果? Map rep
当我们从集合列表中获取 Stream 时,幕后到底发生了什么?我发现很多博客都说Stream不存储任何数据。如果这是真的,请考虑代码片段: List list = new ArrayList(); l
我对流及其工作方式不熟悉,我正在尝试获取列表中添加的特定对象的出现次数。 我找到了一种使用Collections来做到这一点的方法。其过程如下: for (int i = 0; i p.conten
我希望将一个 map 列表转换为另一个分组的 map 列表。 所以我有以下 map 列表 - List [{ "accId":"1", "accName":"TestAcc1", "accNumber
我是一名优秀的程序员,十分优秀!