全栈数据报表:Python+Flask演绎一个最简单的前后端Ajax应用_from utils import restful return restful.success(d-CSDN博客

本文链接：https://blog.csdn.net/gui818/article/details/139092891

话不多说,有图有源码

2.源码

2.1)前端源码test_ajaxreturn.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="/static/js/jQuery-2.2.0.min.js" ></script>
<style>
.bold-input {
  font-weight: bold;
  font-size: 36px;
  text-align: center;
  color:blue;
}
.bold-button {
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  color:green;
}
.div-top-50 {
  position: relative;
  top: 200px;
  left: 100px
}
</style>
</head>
<body>
<div class="div-top-50">
    <h1>你好,我是<input type="text" id="username" value="阿桂天山"  class="bold-input"> <button id="btn_hello"  class="bold-button">与平台打个招呼</button></h1>
</div>
</body>
<script>
$("#btn_hello").click(function () {
//-----gtj 通过ajax 获取后台数据
    $.ajax({
        url: '/',
        type: "post",
        dataType: "json",
        data:{
            username: $('#username').val(),
        },
        success: function(rs){
            //-------从后台获得的信息
            mess = rs.data.mess;
            console.log(rs.data);
            alert(mess);
        },
        error: function(rs){
            console.log(rs)
        }
    });
})
</script>
</html>

2.2)后端代码test_ajaxreturn.py

#!/usr/bin/env python3
# -*- coding: utf-8 -*-
# ---------开发于2024-05-----------
__author__ = '阿桂天山'
# =========================================================================================
from flask import Flask, jsonify, render_template,request

from utils import restful

app = Flask(__name__)


@app.route('/', methods=['GET','POST'])
def test_ajaxreturn():
    if request.method=='GET':
        return render_template('test_ajaxreturn.html')
    else:
        values = request.values
        username = values.get('username')
        data ={
            'mess': f'Ewangda亿旺达平台欢迎您:{username}'
        }
        return restful.success(data=data)

if __name__ == '__main__':

    app.run(port=9111,debug=True)

2.3)返回类函数restful.py

#encoding:utf-8
from flask import jsonify

class HttpCode(object):
    Ok = 200
    ParamerError = 400
    Unauth = 401
    ServerError = 500

def RestfulResult(code,message,data):
    return jsonify({'code':code,'message':message,'data':data})

def success(message="",data=None):
    return RestfulResult(HttpCode.Ok,message=message,data=data)

def params_error(message="",data=None):
    return RestfulResult(HttpCode.ParamerError,message=message,data=data)

def unauth_error(message="",data=None):
    return RestfulResult(HttpCode.Unauth,message=message,data=None)

def server_error(message=""):
    return RestfulResult(HttpCode.ServerError,message=message,data=None)

就到这吧,如果对你有所帮助,那就麻烦你来个三联:关注+点赞+转发吧!