js调用python代码

js调用python代码

##一、python代码和启动监听
代码如下：

from flask import Flask, jsonify
from flask_cors import CORS, cross_origin

app = Flask(__name__)

@app.route("/tasks/<int:task_id>", methods=['GET'])
@cross_origin()

def get_task(task_id):
    task = {
        'id': task_id,
        'title': 'Task ' + str(task_id),
        'description': 'Task ' + str(task_id) + ' description'
    }
    return jsonify({'task': task})

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

启动如下：

python app.py

二、web代码和启动

//按钮
<button id="testbutton" >button</button>
//注册事件
const buttontest= document.getElementById('testbutton');
buttontest.addEventListener('click', funcbutton);    

//引入库
import React from 'react'
import axios from 'axios';

//时间触发
const funcbutton= () => {
	axios.get('http://localhost:5000/tasks/1').then(
	response => { console.log('成功了', response.data); },
	error => { console.log('失败了', error); }
	)
}; 

启动如下：

npx next dev -p 4000