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

【问题标题】：How to use YAHOO.util.Connect.asyncRequest and return results?如何使用 YAHOO.util.Connect.asyncRequest 并返回结果？
【发布时间】：2010-07-01 15:43:16
【问题描述】：

我正在使用 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();” 等待结果？

【问题讨论】：

标签： javascript yui yui-datatable

【解决方案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 when calling ajax

【讨论】：