flask+ajax

flask+ajax的get请求

$("#button").click(
    function() {
        $.ajax({
            url: "/url地址/?键=值",
            type: "GET",
            data: "",
            success: function (data) {
                console.log(data);
            },
            error: function (error) {
                console.log(error);
            }
        })
    }
);

flask接收get传输的数据

@app.route("/url地址/")
def get_request():
	request.args.get("name")

flask+ajax的post请求

$("#button").click(
    function () {
        var value = $("#name").val();
        $.ajax({
            url: "/url地址/",
            type: "post",
            data: {"name":value,"csrf_token":"{{ csrf_token() }}"},
            success: function (data) {
                console.log(data)
            },
            error: function (error) {
                console.log(error)
            }
        })
    }
);

flask接收post传输的数据

@app.route("/url地址/", methods=["GET", "POST"])
def post_request():
    request.form.get("name")

flask+ajax的post请求并携带文件

$("#submit").click(
    function() {
        var form_data = new FormData();
        form_data.append("name",$("#sub_name").val());
        form_data.append("picture",$("#sub_picture")[0].files[0]);
        form_data.append("csrf_token","{{ csrf_token() }}");
        $.ajax({
            url:"/url地址/",
            type:"post",
            data:form_data,
            processData:false,
            contentType:false,
            dataType:"json",
            success:function (data) {
                console.log(data)
            },
            error:function (error) {
                console.log(error)
            }
        })
    }
);

flask接收传输的文件数据

import os
from flask import jsonify


@app.route('/post_file/', methods=["GET", "POST"])
def post_file():
    result = {"code": 400, "data": ""}
    if request.method == "POST":
        name = request.form.get("name")
        picture = request.files.get("picture")
        # file_path为图片的绝对位置
        file_path = os.path.join(os.path.join(os.path.dirname(__file__), 'static\\img'), picture.filename)
        # 保存图片到本地
        picture.save(file_path)

        sub = Subject()
        sub.name = name
        # 将图片在项目中的相对位置保存到数据库
        sub.picture = 'img\\' + picture.filename
        sub.save()
        result["code"] = 200
        result["data"] = "%s 添加成功" % name
    return jsonify(result)