JS如何把从接口获取的数据赋值给一个变量

我用flask写了一个接口，

from flask import Flask
import json
from flask_cors import CORS
xdata=["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
ydata=[5, 20, 36, 10, 10, 20]
x='x轴'
y='y轴'
shuju=[{x:xdata},{y:ydata}]
app = Flask(__name__)
CORS(app, supports_credentials=True)
@app.route('/')
def sss():
    x=json.dumps(shuju,ensure_ascii=False)
    return(x)
    #return'Hello World!'

if __name__ == '__main__':
    app.run()

并用JS调取了这个端口获得了传输的数据，接下来我想将获得的数据赋值给一个变量，以提供给echarts画图用。

<html>
<head>
<title>shuju</title>
<script>
var ajax = new XMLHttpRequest()
ajax.open('GET','http://127.0.0.1:5000',true) //建立一个通信方法是get，请求地址，异步请求
ajax.send()
ajax.onreadystatechange=()=>{
        if(ajax.readyState === 4 && ajax.status === 200){
                console.log(ajax.response)
    console.log(JSON.parse(ajax.response))
        }  
}
</script>
</head>
<body>
        var xy=ajax.response
        reyurn (xy)
</body>
</html>

但是它并没有输出变量，只是输出了代码。如下图：

img

望各位有识之士不吝赐教。


<html>
<head>
<title>shuju</title>
<script>
var ajax = new XMLHttpRequest()
ajax.open('GET','http://127.0.0.1:5000',true) //建立一个通信方法是get，请求地址，异步请求
ajax.send()
ajax.onreadystatechange=()=>{
        if(ajax.readyState === 4 && ajax.status === 200){
                console.log(ajax.response)
    console.log(JSON.parse(ajax.response))
                document.getElementById('xy').innerText = ajax.response

        }
}

</script>
</head>
<body>
<div id="xy"></div>
</body>
</html>

把body里的代码写到script内就好，我看到你控制台输出没啥问题

div id=‘box’

js
let box = document.getElementById('box')
box.innerHTML = '变量'