Javascript 如何在index.html更改时将新数据流传输到客户端浏览器,而无需刷新或重新加载网页

Javascript 如何在index.html更改时将新数据流传输到客户端浏览器,而无需刷新或重新加载网页,javascript,html,Javascript,Html,我对Html是新手。我需要的是这个。 我在服务器上有一个index.html文件,它是空的。 我打开它,一直在身体里写一些文字。 我想要的是,当我保存html时, 要显示在“我的客户端”浏览器上的新数据 无需刷新或重新加载页面。 我不知道怎么做,所以我什么都没试过。 可能吗?简单吗?这是一个示例javascript代码,用于读取在线url并使用结果更新内容容器 我找不到简单的实时更新页面,所以在github中使用了我自己的网站自述 var timeout=2000, 指数=1, 取消=错误,

我对Html是新手。我需要的是这个。 我在服务器上有一个index.html文件,它是空的。 我打开它,一直在身体里写一些文字。 我想要的是,当我保存html时, 要显示在“我的客户端”浏览器上的新数据 无需刷新或重新加载页面。 我不知道怎么做,所以我什么都没试过。
可能吗?简单吗?

这是一个示例javascript代码,用于读取在线url并使用结果更新内容容器

我找不到简单的实时更新页面,所以在github中使用了我自己的网站自述

var timeout=2000,
指数=1,
取消=错误,
url='1〕https://raw.githubusercontent.com/petjofi/krivoshiev.com/master/README.md';
函数更新(){
updateIndex();
加载(url,完成);
如果(!cancel)设置超时(更新,超时);
}
函数updateIndex(){
document.getElementById(“index”).innerHTML=index++;
}
功能完成(结果){
document.getElementById(“内容”).innerHTML=结果;
}
函数加载(url、回调){
var xmlHttp=new XMLHttpRequest();
xmlHttp.onreadystatechange=函数(){
if(xmlHttp.readyState==4&&xmlHttp.status==200)
回调(xmlHttp.responseText);
}
open(“GET”,url,true);//对于异步
xmlHttp.send(空);
}
开始
停止
更新:0

您可以使用Ajax动态更改页面内容,并结合服务器端脚本跟踪更改。您可以使用Sublime文本代码编辑器和LiveReload插件获得所需的结果。否则,请考虑设置BrowserSync或LiveServerPetar Krivoshiev之类的东西,这正是我所需要的。是否可以在页面加载时删除按钮并开始更新?另外,如果我想从桌面上的csv文件中获取数据,我需要在脚本中更改什么?再次感谢你的代码!!!这样,在关闭选项卡之前,您将无法停止脚本。如果需要,删除按钮和范围,并在函数之前调用更新:
update();函数update(){…
如果删除span,则不需要updateIndex()。使用chrome,将很难读取本地(桌面)文件。我尝试了Firefox Dev Edition,以下操作成功。将带有脚本的html文件放在桌面上(例如:test.html)。更改url属性以指向csv文件(例如:
url)=“test.csv;”
)。使用FF打开它并享受。它也可能与IE一起使用。谢谢你,Petar。我将根据需要进行修改…:)