1

我正在尝试使用另一个 jquery .each 循环创建一个循环，以动态创建一个包含来自 .xml 文件的信息的表。下面代码的结果导致最后一个表条目获取所有 xml 信息，即 DoM31。我不知道为什么会这样。

function ttrpdom() {
  for (var i=0;i<31;i++) {
    var mypost = 'http://mysite/TotalDailyRes' + i + '.xml';
    var dm = '#DoM' + i;
    $.post(mypost, function(data) {
      $(data).find('opensearch\\:totalResults').each(function() {
        var res = $(this).text();
        $(dm).append('<td>' + res + '</td>');
      });
    } , 'text');
  }
}
4

1 回答 1

1

for循环不会被$.post函数调用阻塞。因此i，dm即使 POST 请求尚未完成，也要继续更改。

代码演练：

i === 0
Set `mypost` variable to `http://mysite/TotalDailyRes0.xml`
Set `dm` variable to `#DoM0`
Make POST request to `mypost`
Loop

Increment i
i === 1
Set `mypost` variable to `http://mysite/TotalDailyRes1.xml`
Set `dm` variable to `#DoM1`
Make POST request to `mypost`
Loop

....    

Increment i
i === 30
Set `mypost` variable to `http://mysite/TotalDailyRes30.xml`
Set `dm` variable to `#DoM30`
Make POST request to `mypost`

END LOOP

....

POST http://mysite/TotalDailyRes0.xml completes
Fire `function(data)` callback
dm === '#Dom30'

POST http://mysite/TotalDailyRes1.xml completes
Fire `function(data)` callback
dm === '#Dom30'

....

POST http://mysite/TotalDailyRes30.xml completes
Fire `function(data)` callback
dm === '#Dom30'

此外，不能保证 POST 请求会按顺序完成。请求http://mysite/TotalDailyRes28.xml可以在之前http://mysite/TotalDailyRes30.xml完成。

解决方案是检测完整的 URL 并使用它来构建 HTML id。此外 - GET 请求更适用于这种情况，因为该请求不会更改服务器上的数据：

    $.get(mypost, function(data) {
      var i = parseInt(this.url.replace('http://mysite/TotalDailyRes', ''), 10),
      dm = '#DoM' + i;
      $(data).find('opensearch\\:totalResults').each(function() {
        var res = $(this).text();
        $(dm).append('<td>' + res + '</td>');
      });
    } , 'text');
于 2012-12-20T01:38:01.470 回答