python前后端简单交互-Toy模板网

这篇具有很好参考价值的文章主要介绍了python前后端简单交互。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

前端：

<!DOCTYPE html>
<html>
<head>
    <title>发送数据到后端</title>
</head>
<body>
    <div>
        <input type="text" id = "userId">
    </div>
    <div>
        <input type="password" id="password">
    </div>
    <button onclick="login()">login</button>

    <script src="js/jquery.min.js"></script>
    <script>
        function login(){
			var data = {
				userId: $("#userId").val(),
				password: $("#password").val()
			};
			$.ajax({
				url:"http://localhost:5001/login",
				type:"post",
				dataType:"json",
	 
				//data为要传递给后端的数据，使用JSON.stringify()转换为json格式
				data:JSON.stringify(data),
				
				success:function (data){
					console.log(data)
					console.log(data.status)
					console.log(data.time)
				},
				error:function (){
					console.log("***********")
				}
			});
            }
    </script>
</body>
</html>

后端：文章来源地址https://www.toymoban.com/news/detail-766982.html

import datetime
import json

from flask import Flask, request, jsonify

app = Flask(__name__)


@app.route('/login', methods=['POST'])
def process():
    data = request.get_data()
    print(data)

    json_data = json.loads(data)
    print(json_data)
    with open('example.txt', 'w',encoding='utf-8') as f:
        x = json.dumps(json_data)
        f.write(x)

    Id = json_data.get("userId")
    password = json_data.get("password")
    print("userId is " + Id)
    print("password is " + password)

    # 给前端传输json数据
    info = dict()
    info['status'] = 'success'
    info['time'] = datetime.datetime.now().strftime("%Y-%m-%d %H:%M:%S")
    return jsonify(info)


if __name__ == '__main__':
    app.run(host='127.0.0.1', port=5001)