JS调用接口获取数据失败

我的python端口：

from flask import Flask
import json
shuju=[{"name":"一号"},{"age":"18"}]
app = Flask(__name__)
 
@app.route('/')
def sss():
    return(json.dumps(shuju,ensure_ascii=False))
    #return'Hello World!'
 
if __name__ == '__main__':
    app.run()

下面是我写的JS调用端口代码：

<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>
</body>
</html>

运行结果：

img

img


我在想是不是我对url的理解错了，应该是先把数据弄成个数据包，设置好数据包的url，再去请求呢？

跨域了

#安装库
pip install flask_cors


# 修改代码

from flask import Flask
from flask_cors import CORS
import json

shuju = [{"name": "一号"}, {"age": "18"}]
app = Flask(__name__)
CORS(app, supports_credentials=True)  # 这里新增  其他未改动 


@app.route('/')
def sss():
    return (json.dumps(shuju, ensure_ascii=False))
    # return'Hello World!'


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