Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从文件读取数据并在浏览器上显示_Javascript_Html - Fatal编程技术网

Javascript 从文件读取数据并在浏览器上显示

Javascript 从文件读取数据并在浏览器上显示,javascript,html,Javascript,Html,我不熟悉javascript(主要在后端工作),但现在我想创建一个可视化,并希望使用javascript实现它 我已将数据以格式保存在文件中 id1 uid1 rating id1 uid2 rating2 刚开始,我想从这个文件中读取数据并显示在我的浏览器上? 我需要启动服务器吗。。或者我可以这样做 如有任何建议/指示,将不胜感激。 谢谢您需要学习ajax,并处理浏览器差异。在firefox和chrome上工作的方法是: <body> <div id="log"&g

我不熟悉javascript(主要在后端工作),但现在我想创建一个可视化,并希望使用javascript实现它

我已将数据以格式保存在文件中

id1 uid1 rating
id1 uid2 rating2
刚开始,我想从这个文件中读取数据并显示在我的浏览器上? 我需要启动服务器吗。。或者我可以这样做

如有任何建议/指示,将不胜感激。
谢谢

您需要学习ajax,并处理浏览器差异。在firefox和chrome上工作的方法是:

  <body>
  <div id="log"></div>
    <script type="text/javascript">
    var request = new XMLHttpRequest();//depends on the browser , several ways to create the object
    request.onreadystatechange = function(e){
      if(request.readyState == 4 && request.status==200){
        // do whatever you need with the data
        document.getElementById("log").innerText = request.responseText;
      }
    }
    // assuming the file is called data and is located on current-path-on-server/data
    request.open("GET","data",true);
    request.send();
  </script>  
  </body>

var request=new XMLHttpRequest()//根据浏览器的不同,有几种方法可以创建对象
request.onreadystatechange=函数(e){
if(request.readyState==4&&request.status==200){
//对数据做任何你需要的事情
document.getElementById(“log”).innerText=request.responseText;
}
}
//假设文件名为data,并且位于服务器/数据的当前路径上
打开(“获取”、“数据”,true);
request.send();
更多信息: