将服务器上的文本文件读入数组javascript

时间:2014-07-02 12:22:48

标签: javascript

以下是这种情况。在apache框中有一个文本文件,其中包含带有新行的数字: 例如:

25
34
76

等...

我想要做的是从该文件中获取值并使用它们来设置"我所拥有的一些滑块,它们部分地从http://webfx.eae.net/dhtml/slider/slider.html

中溜走了

一旦完成,我将有一个"提交"将更改的值写出到该文本文件的按钮。

但是我被困在你从其运行的apache框中的文本文件中读取的位置。 我读过的所有内容似乎都是指通过API上传文件,但这并不是我想要的,因为文件是服务器端。

我想我可以使用php但是我也没有(尤其不是如何在两者之间移动变量)

有什么想法吗?如果您需要澄清,我可以给您。

2 个答案:

答案 0 :(得分:0)

您可以使用XMLHttpRequest

var xhr = new XMLHttpRequest();
xhr.open( 'GET', 'foobar.txt', true );
xhr.onreadystatechange = function() {

    if( xhr.readyState == 4 ) {

        if( xhr.status >= 200 && xhr.status<300 || xhr.status == 304  ) {
            //your text file is downloaded into xhr.responseText
            console.log( xhr.responseText.split('\n') );// there you have your array.
        }

    }

}
xhr.send();

答案 1 :(得分:0)

只是一个简单的ajax代码!!!

var xmlhttp;
if (window.XMLHttpRequest)
  {
  // code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {
  // code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("mytextfiledic").innerHTML=xmlhttp.responseText;
    }
  }

xmlhttp.open("GET","mytextfile.txt",true);
xmlhttp.send();