Блог

Мне неясно возвращаемое значение следующего фиктивного кода:

 function foo()
  var ret = 0;
  var xhr=send_request( "bla", function() {
      // do something with the AJAX response
      // based on the value of response, var ret get set
  } );
  return ret;
}
  

Чего я хотел бы добиться, так это того, что: основываясь на ответе AJAX, я мог бы решить повторить запрос еще раз. Но функция, описанная выше, всегда возвращает 0 независимо.

Очевидно, я могу заставить функцию foo () решить вызвать send_request() дважды, когда это необходимо, но это немного некрасиво. Есть ли простой и приятный способ сделать это?

Спасибо

Вы пытаетесь выполнить вызов ajax синхронно, но вы выполняете асинхронный вызов.

Важно понимать, что в соответствии с тем, как вы это написали, код не ожидает завершения вызова AJAX, прежде чем перейти к следующей строке. Следовательно, она всегда возвращает начальное значение ret .

Сделайте несколько вещей, чтобы исправить это:

• Используйте jQuery (если вы еще этого не сделали)
• Используйте ajax() функцию jQuery и установите async значение false.

Должно выглядеть примерно так:

 function foo()
    var ret = $.ajax({ url: "blah",
                       async: false
                     }).responseText;

    // do your stuff here

    return ret;
}
  

РЕДАКТИРОВАТЬ: Это можно сделать с помощью асинхронного вызова, но вам нужно изменить способ, которым вы думаете о проблеме. Вместо того, чтобы думать о возвращаемых значениях, вы должны думать о функциях обратного вызова.

Для примера, допустим, я пытаюсь получить имя пользователя и поместить его на страницу. Мой код выглядел бы примерно так:

 function GetUsername() {
    $.ajax( { url: "blah",
              success: PopulateUsername    // Specify a callback
            });
    // I don't do anything else. Execution will continue when the
    // callback gets called from the AJAX call.
}

function PopulateUsername(data) {
    alert(data);
    // Anything else I want to do, I do here, because it is only 
    // here that I have access to the result.
}

GetUsername();  // I call GetUsername() here, and that's it. Any
                // further actions that need to happen are going to
                // occur in the callback function
  

переменная ret имеет локальную область видимости внутри функции. Следовательно, при каждом ее вызове переменная инициализируется значением 0.

Более того, когда функция возвращает переменную, ret send_request функция (которая установила что-то другое на ret ) еще не запущена, из-за чего возвращаемое значение всегда равно 0. Запрос ajax должен быть выполнен после того, как функция была возвращена, и send_request функция установила новое значение в ret .

Если вы хотите сохранить синхронность, воспользуйтесь предложением Stargazer712.

Вы могли бы попробовать сохранить асинхронность с чем-то вроде этого:

 function foo(callback)
  var xhr=send_request( "bla", function(result) {
     callback(result)
  } );
}


function test(result) {
  // test result here 
  if(result != "what I want")
     foo(test);   // repeat the ajax call under certain conditions
  else
     alert("got it");
}


$(function() {
  foo(test);
});
  

Запрос ajax будет повторяться до тех пор, пока ответ не будет соответствовать определенному значению.

Вы не хотите возвращать значение из функции, которая собирается выполнить вызов AJAX, потому что запрос AJAX не будет завершен до возврата функции (и лично я не согласен с ответами, в которых говорится, что вы должны установить для async значение false). Вместо этого вы хотите сделать что-то подобное:

 function retFunction(val) {
  // Do something here for various values of val
  if (val == 0) {
    // Something
  } else if (val == 1) {
    // Something else
  }
}

function foo()
  var xhr=send_request( "bla", function() {
    var myResult = 0; // Something here based on return values.
    retFunction(myResult);
  });
}