【使用Flask开发简单接口post请求实用案例】

文前白话

由于项目需要，在前端页面获取到输入的信息参数，在端接收并使用，使用flask框架，在主函数中使用@app.route()定义接口，在前端页面按钮处设置ajax请求，将前端获取的数据携带与后台进行交互接收。

代码

• 主函数中的接口定义相关代码(main.py)：

from flask import Flask,request
import json
 
app=Flask(__name__)
 
@app.route('/sent_data',methods= ['POST'])
def data():
    return_dict={'code':'200','msg':'修改成功','result':False}
    # 判断入参是否存在
    if request.get_data() is None:
        return_dict['code']='5004'
        return_dict['msg']='请求参数为空'
        return json.dumps(return_dict,ensure_ascii=False)
        # 通过.get_data方法获得携带的数据
    get_Data=request.get_data()
    get_Data=json.loads(get_Data)
    #print(get_Data)
# 后面可以跟自己的数据处理的 相关函数
    return json.dumps({'code': '200', 'msg': '修改成功', 'result': False}, ensure_ascii=False)

• 在需要发出请求页面对应的 js 文件中():

//提交数据的按钮操作
$.ajax({
    type:'POST',
    url:'/sent_data',
    data:JSON.stringify(submitData),
    success:function(success){
        console.log('success',success)
        //提交操作结束
        $(this).parents('.table-item').find('input').attr('readonly',true).removeClass('edit')
        $(this).parents('.table-item').find('.save-btn').hide()
        vedioSettingChange=false
    },error:function(error){
        console.log('error',error)
        //提交操作结束
        $(this).parents('.table-item').find('input').attr('readonly',true).removeClass('edit')
        $(this).parents('.table-item').find('.save-btn').hide()
        vedioSettingChange=false
    }
})

Reference

https://blog.csdn.net/t8116189520/article/details/86623320
https://www.cnblogs.com/wintest/p/12728095.html
https://www.cnblogs.com/wangkun122/articles/9117882.html