getJSON没有准备好在显示数据之前返回数据

Question

这里有些奇怪：我使用$ .getJSON从数据库中获取数据。它返回有效数据，但之后不会显示在输入框中。当我在json调用之后插入警报（“bla”）时，它确实显示了数据。我的假设是，当在页面上显示数据时，json调用还没有准备好。有没有办法等待json调用完成？这是我的代码：

    $.getJSON("mvc/models/predictions.php?action=getpredictions&jsoncallback=?", function(data) {

            // Replace markup on page
            prediction[1] = data[0].prediction1; 
        });

        // Create output
        <input type='text' name='prediction1' size='5' value='" + prediction[1] + "' />

Answer 1

没错，你需要在ajax调用返回后填充输入框。您可以更改JSON返回函数中的输入值，如下所示：

$.getJSON("mvc/models/predictions.php?action=getpredictions&jsoncallback=?", function(data) {
  $('input[name="prediction1"]').val(data[0].prediction1);
});