jQuery 迭代 $.get() 安全吗？

Question

我在绑定下拉菜单时遇到问题。我认为问题出在我的 $.get() 中的回调。在循环中执行 gets 不安全吗？例如

//on document ready
var stateOneOrTwo = "stateOne";
for(var i = 0; i < 2; i++){
   if(i === 1)
       stateOneOrTwo = "stateTwo";

   $.get(url,{},function(data) {
    var dropdown = stateOneOrTwo;
    $(dropdown).append(/*options*/);
   , 'json')};
}

---

This does appear to be unsafe. I threw DRY principles out the window. When I copy paste the code and just change the variable names involved I do not have any issues. I'll leave the question open for a concrete answer.

Answer 1

问题是您在 XHR 返回之前更改了 stateOneOrTwo，因此两个回调都将以等于 "stateTwo" 的 stateOneOrTwo 运行。如果您只是调用 get 两次，则实际上不需要循环。

$.get(url,{},function(data) {
    var dropdown = "stateOne";
    $(dropdown).append(/*options*/);
}, 'json');

$.get(url,{},function(data) {
    var dropdown = "stateTwo";
    $(dropdown).append(/*options*/);
}, 'json');

Answer 2

我完全不确定如果您在完成之前调用一个新的 $.get 是否会失败，但是，一种更安全（且正确）的方法是使用递归函数来确保请求在发送下一个之前完成。