$ .get的javascript函数不会返回值

Question

我有以下功能：

function parseLink(link){
 var newlink="";

 $.get(link,
   function(data){    

   startoffset = data.indexOf("location.replace") + 18;
   endoffset = data.indexOf("tiny_fold = 1;") - 8;
   newlink= data.substr(startoffset,(endoffset-startoffset));


});

return newlink;

 }

我正在使用jquery $ .get来解析URL，如果我不使用函数就可以正常工作，但是该函数将返回空字符串。 显然我做错了，但是我不知道是什么。 任何帮助将不胜感激。

Answer 1

$ .get的调用是异步的。 看到控制流程是这样的：

parseUrl("http://www.test.com")
$.get(..., function callback() { /* this is called asynchronously */ })
return "";
... 
// sometime later the call to $.get will return, manipulate the
// newLink, but the call to parseUrl is long gone before this
callback();

我认为您的意思是：

function parseUrl(link, whenDone) {
    $.get(link, function () {
        var newLink = "";
        // Do your stuff ...
        // then instead of return we´re calling the continuation *whenDone*
        whenDone(newLink);
    });
}

// Call it like this:
parseUrl("mylink.com", function (manipulatedLink) { /* ... what I want to do next ... */ });

欢迎来到异步意大利面世界:)

Answer 2

$.get返回时，您需要传递一个要调用的函数。 就像是：

function parseLink(link, callback) {
   $.get(link,
      function(data) {
         startoffset = data.indexOf("location.replace") + 18;
         endoffset = data.indexOf("tiny_fold = 1;") - 8;
         var newlink= data.substr(startoffset,(endoffset-startoffset));
         callback(newlink);
      });
 }

然后，您可以使用以下命令调用它：

parseLink('foo', function (newlink)
  {
     //Stuff that happens with return value
  }
);

Answer 3

由于.get()异步操作，因此parseLink()继续执行并在AJAX调用返回之前返回空的新newlink 。

您需要从回调中触发对newlink进行任何处理，这可能需要您重新考虑一下实现。 接下来是什么（填充的newlink发生什么情况）？