如何使用YAHOO.util.Connect.asyncRequest并返回结果？

Question

我正在使用 YAHOO.util.Connect.asyncRequest 从数据库获取数据，这里是代码：

function getCountArticle(contentCurValue) {

  var handleSuccess = function (res) {
      var countPubmed = YAHOO.lang.JSON.parse(res.responseText);
      var contentCountPubmed = countPubmed.totalArticleRecords;
      alert(contentCountPubmed); //return 15 for example
  };

  var handleFailure = function () {
      alert("Error connecting data : Bad pubmed query");
  };

  var callback =
  {
    success:handleSuccess,
    failure:handleFailure,
    timeout: 5000
  };

  var sURL = 'qct-list-article.html?term=' + contentCurValue + '&retstart=0' + '&retmax=1';

  var request = YAHOO.util.Connect.asyncRequest('GET',sURL,callback);

}

我希望这个函数返回：“contentCurValue”（例如：15），但是当我尝试使用此代码时，我得到“未定义” " ：

var test = getCountArticle();
alert(test); // return undefined, should return 15

我的错误可能是由于异步查询造成的，但是如何强制“var test = getCountArticle();” 等待结果？

Answer 1

由于调用本质上是异步的，而不是尝试等待响应，因此最好指定一个回调函数来使用数据执行。您可以这样修改您的方法：

 function getCountArticle(contentCurValue, callback) {
  var handleSuccess = function (res) {
      var countPubmed = YAHOO.lang.JSON.parse(res.responseText);
      var contentCountPubmed = countPubmed.totalArticleRecords;
      callback(contentCountPubmed); //return 15 for example
  };
  // ...
} 

那么您的调用代码将是：

 getCountArticle("contentCurValue", function(test) {
    alert(test);
}); 

使用 AJAX 查询返回的值进行的任何进一步执行都将在回调方法内进行。

这个SO帖子本质上是相同的问题，但不是YUI特定的： Getting undefined in javascript调用ajax时