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

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日

悬赏问题

  • ¥20 机器学习能否像多层线性模型一样处理嵌套数据
  • ¥20 西门子S7-Graph,S7-300,梯形图
  • ¥50 用易语言http 访问不了网页
  • ¥50 safari浏览器fetch提交数据后数据丢失问题
  • ¥15 matlab不知道怎么改,求解答!!
  • ¥15 永磁直线电机的电流环pi调不出来
  • ¥15 用stata实现聚类的代码
  • ¥15 请问paddlehub能支持移动端开发吗?在Android studio上该如何部署?
  • ¥20 docker里部署springboot项目,访问不到扬声器
  • ¥15 netty整合springboot之后自动重连失效