在jquery中调用var for for循环获取请求

Question

我在$ .get的作用域中访问var i时遇到问题。这是我的代码：

for (var i = 0; i < printer_ids.length; i++) { 
    $.get('/get_printer_status_message/'+printer_ids[i]+'/', function(data) { 
    $('#printer_status_'+printer_ids[i]).html(data); 

    console.log(data) 
    console.log('id: #printer_status_'+printer_ids[i]); 
    console.log('current:' + $('#printer_status_'+printer_ids[i]).html()); 
    }); 
} 

我在$ .get行中定义，但不在$ .get的作用域中。如何访问$ .get的作用域中的var i？

Answer 1

你必须捕捉到一个局部范围的i变量：

for (var i = 0; i < printer_ids.length; i++) { 
    (function (i){ 
    $.get('/get_printer_status_message/'+printer_ids[i]+'/', function(data) { 
     $('#printer_status_'+printer_ids[i]).html(data); 

     console.log(data) 
     console.log('id: #printer_status_'+printer_ids[i]); 
     console.log('current:' + $('#printer_status_'+printer_ids[i]).html()); 
    }); 
    }(i)); 
} 

Answer 2

一个更好的重构是避免重新定义每个圈的功能：

var doIt = function (printer_id){ 
    $.get('/get_printer_status_message/'+printer_id]+'/', function(data) { 
     $('#printer_status_'+printer_id).html(data); 

     console.log(data) 
     console.log('id: #printer_status_'+printer_id); 
     console.log('current:' + $('#printer_status_'+printer_id).html()); 
    }); 
}; 

for (var i = 0; i < printer_ids.length; i++) { 
    doIt(printer_ids[i]); 
}