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日

悬赏问题

  • ¥15 C#调用python代码(python带有库)
  • ¥15 矩阵加法的规则是两个矩阵中对应位置的数的绝对值进行加和
  • ¥15 活动选择题。最多可以参加几个项目?
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能
  • ¥15 Source insight编写代码后使用CCS5.2版本import之后,代码跳到注释行里面
  • ¥50 NT4.0系统 STOP:0X0000007B