如何在javascript中循环遍历xmlhttprequest

时间:2013-10-08 19:03:30

标签: javascript xmlhttprequest

我正在尝试将谷歌电子表格中的一组单元格拉入网页进行报告。我读了一些其他帖子,建议使用超时,但我似乎无法让它工作。如果您认为这样可行,我可以添加我尝试用于超时的代码。这是我的代码:

    var days = new Array(); 
days[0] ="G11%3AG11"; /*Today*/
days[1] ="G10%3AG10";
days[2] ="G9%3AG9";
days[3] ="G8%3AG8";
days[4] ="G7%3AG7";
days[5] ="G6%3AG6";
days[6] ="G5%3AG5";
days[7] ="G4%3AG4"; /*One week ago*/

    var dayOfWeek = new Array();    
dayOfWeek[0] ="day0";
dayOfWeek[1] ="day1";
dayOfWeek[2] ="day2";
dayOfWeek[3] ="day3";
dayOfWeek[4] ="day4";
dayOfWeek[5] ="day5";
dayOfWeek[6] ="day6";
dayOfWeek[7] ="day7";

    function getValue(cell, element){
var url = "https://docs.google.com/spreadsheet/pub?key=MyKey&single=true&gid=2&range="+cell+"&output=csv";
temp = new XMLHttpRequest();
        temp.onreadystatechange = function () {
          if (temp.readyState === 4) {
              document.getElementById(element).innerHTML = temp.responseText;
          }
      };
      temp.open("GET", url, true);
      temp.send(null);

}

当我在代码的主体中调用函数时,它就是这样的:

    for(var a=0;a<days.length;a++){      
     getValue(days[a],dayOfWeek[a]);
    }

当我在for循环中运行它时,我得到每个id标签的相同值。它们都是数组中最后一项的值。我不确定问题是否与xmlhttprequest没有足够的时间或什么,任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:3)

您没有在XHR事件处理程序中正确声明“temp”作为局部变量。在它前面添加var。没有它,它是全球性的。这意味着每次调用“getValue()”都会覆盖前一个的工作。