Javascript：如何从XMLHttpRequest（非JQuery）返回/获取结果

Question

我有这样的js代码：

function getData(){
    var url = "http://www.server.loc/?get=data"; /* resource */
    var xmlhttp = new XMLHttpRequest(); /* call XMLHttpRequest init */
    xmlhttp.open("GET", url,true);
    if(xmlhttp){
        xmlhttp.onreadystatechange=function(){
        if(xmlhttp.readyState==4){ if(xmlhttp.status==200){
            /* success, then clear console */       
            return xmlhttp.responseText; /* return value is 'available' */
            } else {
            return "null";
            } } 
        }       
     }
     xmlhttp.send(null);
 }

 /* SHOW RESULT */
 var result = getData();
 console.log('result: '+result); /* result must "null" or "available" */

在网络控制台打印中，只显示Result : undefined。怎么会这样？代码在哪里错了？