将输入值分配给变量

Question

我试图将输入值分配给使用JSON / PHP从数据库检索的变量。 每次我输出时，我都会得到一个空白/空值。

我在javascript文件的顶部创建了全局变量：

 var theAge=0;


 function startApplication(){
    getData();
    getAge();
    alert(theAge);
 }



 function getData(){
 $.getJSON('http://www.myphpfile.co.uk/myfile.php', function(data) {
                    $.each(data, function(key, val) {
                            $("#userAge").val(val.age);  
                    });
            });
 }



 function getAge(){
    theAge = document.getElementById('#userAge').value;
 }

因此，我正在创建变量theAge，从数据库中获取数据并将其显示在输入字段中，然后尝试使用getAge函数获取输入值，然后提醒它检查其工作情况。 我只是得到一个空白框。 谁能看到任何错误？ 谢谢。

Answer 1

$.getJSON是对远程URL的异步调用，这意味着脚本将在获取响应的同时继续经过该行。

等到脚本到达getAge(); 和alert(theAge); ，响应尚未返回，因此theAge仍为0。

无论您想对从远程调用中获取的值做任何处理，都需要将其作为回调函数传递。 您已经在其中传递了一个函数（ function(data) { $.each... ）-需要对该响应进行的其余操作（例如， getAge()和警告值）需要也可以在那里处理。

更新

分配该值并在回调内对其发出警报：

$.getJSON('http://www.myphpfile.co.uk/myfile.php', function(data) {
     $.each(data, function(key, val) {
         $("#userAge").val(val.age);  
     });
     theAge = document.getElementById('userAge').value;
     alert(theAge);
});