返回值jquery函数

Question

使用下面的代码，它应该提醒'one'，然后'two'。当我按.button时，只有'one'被提醒。 var got未返回到.button函数。

$('.button').live('click',function() { 
var got = fetchvalue('100'); 

    if(got==1) { 
    alert('two'); 

    } 

}); 


function fetchvalue(id) { 

    $.getJSON('/fetchvalue.php?id='+id+'&w=1',function(data) { 

alert('one');  
    var got=1;     

    }); 

    return got; 
} 

Answer 1

那是因为你的变量got范围限定为您的JSON返回功能（即你不能访问它的JSON回调函数之外），加上JSON负载是异步的。您可以使用$ .ajax调用，并将async设置为false，但效果相同，但没有异步加载，这意味着您在回调中设置的任何变量都不会（有效）限定于该范围。

function fetchvalue(id) { 
    var got; 
    $.ajax({ 

     url: '/fetchvalue.php?id=' + id + '&w=1', 
     dataType: 'json', 
     async: false, 
     data: myData, 
     success: function(data) { 
      alert('one'); 
      got = 1; 
     } 
    }); 

    return got; 
}​ 

Answer 2

getJSON是异步的，这意味着它是不可能马上得到这个调用语句的返回值，所以你的代码应该是：

$('.button').live('click',function() { 
    fetchvalue('100', function(got) { // add a callback 
     if (got == 1) { 
      alert('two'); 
     } 
    }); 
}); 


function fetchvalue(id, callback) { 
    $.getJSON('/fetchvalue.php?id='+id+'&w=1',function(data) { 
     alert('one');  
     var got=1; 
     callback(got); // invoke the callback 
    }); 

    // no return is required 
}