javascript - jquery.post 和变量范围

Question

我是 JavaScript 新手，遇到以下问题。我想从 api.php 加载一些 json 并成功使用返回值来填充我的 GUI。

    $( '#data_button' ).click(function() {
    $.post( 'api.php', function( data ) { json = data; });
    $('#data1').empty().append( json[0].name + ' | ' + json[1].name );
});

所以我想单击一个按钮，然后它通过发布一些数据来获取并将其保存到变量数据中。因为它应该是一个对象(json对象？)我想我可以像上面那样使用它......但这是行不通的。控制台说:找不到变量 json。

有什么提示吗？

Answer 1

jquery post 默认情况下是异步工作的，这意味着该行:

$('#data1').empty().append( json[0].name + ' | ' + json[1].name );

发生在post请求返回数据之前。

应该如何完成:

$( '#data_button' ).click(function() {
     $.post( 'api.php', function( data ) { 
         $('#data1').empty().append( data[0].name + ' | ' + data[1].name );
     });
});