javascript - Jquery/Javascript $.get 的变量范围问题

Question

我遇到以下情况的问题:

leeftijd:function(){
                var testvar = "untouched";

                var d = $('#gebdatumdd').val(),
                    m = $('#gebdatummm').val(),
                    y = $('#gebdatumjjjj').val();

                x = "none!";

                $.get("assets/incl/ageCheck.php", {y:y, m:m, d:d},
                    function(data){                 
                        console.log(data); // returns 'green';      
                        console.log(testvar);    // returns 'untouched';    
                        testvar = data; // write data in testvar;
                        console.log(testvar); // returns 'green';
                });

                console.log('outside: ' + testvar); // returns 'untouched'; 

            }

我的“testvar”不会返回正确的值。有什么想法吗？

Answer 1

ajax 调用是异步的。因此，最后一个 console.log 在请求完成之前执行。您必须在回调函数中完成所有需要请求结果的处理。

另一个选择是使用 $.ajax使用 async: false 选项。但是，这可能会锁定浏览器，直到请求完成!