Javascript 页面加载后发生的get函数（HAML）

因此，我使用HAML并循环通过一组URL[url1，url2，url3]，以便从其页面中提取一个图像并将其src放入另一个页面。我的代码如下：

urls.each do |url|
   .img{:id => "url_#{url}"}
   :javascript
        var urlID = "#url_" + "#{url}";
        $.get('#{url}').then(function(res){
              var src = $(res).find('.image').attr('src');
              // console.log(urlID);
              $(`{urlID}`).attr('src', src);
            });

但是，这似乎不像我在$.get函数中console.log（urlID）时那样有效，它只会记录最后一个url 3次，而不是记录url1 url2 url3，我不确定为什么？这意味着它将替换相同的图像src 3次，而不是在每个图像类中显示3个单独的图像。有人知道为什么吗？

将其包装在一个容器中，以创建一个闭包，并防止在请求完成之前覆盖变量

$.get（）

是异步的，因此当您多次创建相同的变量时，您将覆盖前面的版本。当请求完成时，它将使用最后一个值

(function(){
    // only scoped in this IIFE closure and
    // not affected by other versions in your loop
    let urlID = "#url_" + "#{url}";
    $.get('#{url}').then(function(res){
          var src = $(res).find('.image').attr('src');
          // console.log(urlID);
          $(`{urlID}`).attr('src', src);
     });

})();

---

哦，我知道我错过了异步部分，非常感谢