ajax 与flask 交互

最新推荐文章于 2024-09-30 07:40:13 发布

研究猿小刘

最新推荐文章于 2024-09-30 07:40:13 发布

阅读量360

点赞数 1

分类专栏：后端文章标签： ajax python

本文链接：https://blog.csdn.net/weixin_43225966/article/details/111827955

版权

后端专栏收录该内容

55 篇文章 1 订阅

订阅专栏

文件夹目录：

在这里插入图片描述

index.js

  $(document).ready(function(){
        $("button").click(function(){
            $.get("/hello",null,function(data){
                //alert("数据"+data+"\n状态:"+status);
                $('#info').html(data)
                result = data
            })
        });
    })

index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>echarts</title>
  <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>
  <script type = "text/javascript"
         src = "{{ url_for('static', filename = 'index.js') }}" ></script>
</head>

<body>
  <div id="container"></div>
  <div >数据展示：</div>
  <div id="info"></div>

  <button>测试</button>


</body>

</html>

3.test.py

# -*- coding: utf-8 -*-
from flask import Flask, jsonify, render_template
import json
app = Flask(__name__,template_folder='template')  # 实例化app对象

testInfo = {}


@app.route('/hello', methods=['GET', 'POST'])  # 路由
def test_post():
    testInfo['name'] = 'xiaoming'
    testInfo['age'] = '28'
    return json.dumps(testInfo)


@app.route('/')
def hello_world():
    return 'Hello World!'


@app.route('/index')
def index():
    return render_template('index.html')

if __name__ == '__main__':
    app.run(host='127.0.0.1',  # 任何ip都可以访问
            port=7777,  # 端口
            debug=True
            )