m0_57965808 2022-04-08 14:14 采纳率: 90.9%
浏览 301
已结题

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

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

  • 写回答

3条回答 默认 最新

  • GavinHaydy 2022-04-08 14:30
    关注
    
    <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>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 4月16日
  • 已采纳回答 4月8日
  • 创建了问题 4月8日

悬赏问题

  • ¥50 Delphi5环境下图片文件怎么转换成Base64编码?
  • ¥15 久了用Python,今天打开PyCharm就这样了
  • ¥15 将GPDO_0引|脚设首成PWM1的输出引脚 实验编程该怎么写
  • ¥50 阿里云服务器 CentOS7.9 搭建 openvpn 服务
  • ¥100 开源软件弱点处理规范
  • ¥15 excel如何根据文件名自动搜索并批量导入文件?
  • ¥15 VScode 用户代码片段图标
  • ¥15 streamingtool
  • ¥15 MATLAB图像问题
  • ¥20 树莓派5做人脸情感识别与反馈系统