返回值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 
}