在 Flask 中将带有 Jquery 和 JSON 的 Javascript 数组从客户端传递到服务器端

Question

我正在尝试将 Javascript 数组从客户端传递到服务器端（Flask）。我的代码似乎适用于整数和字符串。当我尝试使用完全相同的代码发送数组时，我得到None。

服务器端代码：

@app.route("/route1", methods=['GET', 'POST'])
def route1():

    a = request.args.get('post')
    result = json.dumps(a)
    print(a)
    print(result)

客户端：

$SCRIPT_ROOT = {{ request.script_root | tojson | safe }};

var x = ["test", "test2"];

function newFunction() {

    console.log(x)
    $.getJSON($SCRIPT_ROOT + '/route1', { post: x },
        function (data) {
            var response = data.result;
            console.log(response);
        }

    )
};

正如我之前所说，当x 被简单地分配一个字符串或一个整数时，这似乎工作得很好。当试图通过这个数组时，我的两个打印语句分别得到None 和NULL。如何正确地通过数组到服务器端？

Answer 1

是的，我也无法使用 $.getJSON 让它工作......

这是一个经过测试的$.ajax 解决方案：

    <script>
    $SCRIPT_ROOT = {{ request.script_root | tojson | safe }};
    var x = ["test", "test2"];
        function f1(){
            $.ajax({
                type: "POST",
                url: $SCRIPT_ROOT + "/route1",
                contentType: "application/json",
                dataType: "JSON",
                data: JSON.stringify(x)
            });
        };
    </script>

我用这样的按钮触发它：

    <button id="testing" name="testing" onclick="f1();">testing</button>

还有 Flask 代码：

@bp.route("/route1", methods=['GET', 'POST'])
def route1():
    a = request.get_json()
    print(a)
    return "hello, world"

Answer 2

你可以试试下面的代码。它会起作用的。当您将数组作为参数传递时。因为 request.args 是一个 MultiDict 实例

request.args.getlist(Key)

或者您应该尝试将您的 Array 转换为 Json 并将 json 传递给 Server。 您可以使用下面的方法来转换 json

JSON.stringify()

你可以使用的服务器端

data = request.get_json()