js发送get请求，返回的是undefined

Question

function TB(url) {
   var httpRequest = new XMLHttpRequest();//第一步：建立所需的对象
        httpRequest.open('GET', url, true);//第二步：打开连接  将请求参数写在url中  ps:"./Ptest.php?name=test&nameone=testone"
        httpRequest.send();//第三步：发送请求  将请求参数写在URL中
        /**
         * 获取数据后的处理程序
         */
        httpRequest.onreadystatechange = function () {
            if (httpRequest.readyState == 4 && httpRequest.status == 200) {
                var json = httpRequest.responseText;//获取到json字符串，还需解析
                console.log(json);
            return json
            }
        };

}

url = 'https://www.baidu.com'
p = TB(url)
console.log(p)     //返回的是undefined

该如何修改

Answer 1

onreadystatechange事件中的return只是这个回调函数的返回值，并不是TB函数返回值。TB没有retun语句所以默认返回undefined。

用原生xhr，可以用同步请求就能返回需要的数据，但是网络慢体验就很差了。题主还是不太理解js的异步操作。。
需要异步操作返回值的代码要以回调形式来执行。
代码改下面这样，使用同步请求

function TB(url) {
   var httpRequest = new XMLHttpRequest();//第一步：建立所需的对象
        httpRequest.open('GET', url, false);//同步请求。....
        httpRequest.send();//第三步：发送请求  将请求参数写在URL中

///同步请求不需要回调，会一直等待ajax返回
 var json = httpRequest.responseText;//获取到json字符串，还需解析
                console.log(json);
            return json
 
}
 
url = 'https://www.baidu.com'
p = TB(url)
console.log(p)