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

时间:2010-07-01 15:43:16

标签: javascript yui yui-datatable

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

1 个答案:

答案 0 :(得分:9)

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

 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