0

所以我有一个用于宾果游戏的脚本。我在另一个函数中运行我的一个函数时遇到问题。这个想法是让我的 checkBingo() 函数在 .click() 函数之外定义。有一些 ajax 在起作用，所以我不确定这是否也会在这里发挥作用。看起来像：

$(document).ready(function(){
  function checkBingo() {
    $.ajax({
      url: '/check-bingo',
      type: 'GET',
      success: function(data){
        return data;
      } 
    }):
  }

  $('#div').click(function() {
    // Some stuff gets done here
    $.ajax({
      url: '/tile',
      type: 'GET',
      success: function(data){
    // Does some stuff with data, then needs to check if there's a bingo.
        var isBingo = checkBingo();

        if (isBingo == 'something') {
          // Displays something specific on the page.
        }  else {
          // Displays other things on the page.
        }
  }
  }):
});

我被挂断的地方是 isBingo 永远不会被分配返回的信息。我认为这可能是因为查询运行速度不够快，所以我尝试将变量粘贴在一个循环中，直到它被分配了一些东西，然后控制台告诉我我的 checkBingo() 在 .click 函数中没有定义。我不确定这是否只是我的一个愚蠢的语法错误，或者我正在做的事情是不可能的。

有人可以验证这确实是可能的，并且我可能只是为了语法错误而搜索它吗？

4

1 回答 1

3

因为这一行：

var isBingo = checkBingo();

checkBingo...正在调用一个进行异步调用且不返回任何内容的函数 ( )isBingo将是未定义的。

解决此问题的一种方法是将回调函数传递给，checkBingo因为 JavaScript 允许函数像数据一样被传递，并且当从服务器获取数据时，jQuery 将调用该函数：

function checkBingo(callback) {
  $.ajax({
    url: '/check-bingo',
    type: 'GET',
    success: function(data){
      callback(data);
    }
    // or you could just do:
    // success: callback,
  });
}

// ....

success: function(data){
    checkBingo(function (isBingo) {
        if (isBingo == 'something') {
          // Displays something specific on the page.
        }  else {
          // Displays other things on the page.
        }
    });

即使代码没有同步执行，另一种方法也允许您继续使用您的同步样式（即，在哪里checkBingo可以返回某些内容并且您可以立即使用它）是利用 jQuery 的 Ajax API 的更高版本这一事实返回一个允许这种编码风格的承诺对象：

$(document).ready(function(){
    function checkBingo() {
        return $.ajax({
            url: '/check-bingo.txt',
            type: 'GET'
        });
    }

    $('#div').click(function() {
        // Some stuff gets done here
        $.ajax({
            url: '/tile.txt',
            type: 'GET',
            success: function(data){
                var checkingBingo = checkBingo();
                checkingBingo.done(function (isBingo) {
                    if (isBingo == 'something') {
                        alert('a');
                        // Displays something specific on the page.
                    }  else {
                        alert('b');
                        // Displays other things on the page.
                    }
                });
            }
        });
    });
});

除了需要将几个冒号转换为分号，并$在“#div”代码前添加 jQuery，还有两个方面需要注意：

  1. 我在 Ajax 调用中添加了“.txt”扩展名，以防扩展名只是隐藏在您的系统中。
  2. 该代码$('#div')假定您的页面上有一个 ID 设置为“div”的元素。如果您希望所有div元素都是可点击的，您只需要做$('div').
于 2013-05-09T23:18:13.663 回答