62

我无法从 jquery ajax 获取数据。

$('#clickme').click( function() {
    var data = save_input(); // data

    data['_sid'] = $survey_id;  // survey_id injected from flask
    data['_uip'] = $user_ip; // user_ip injected from flask, request.remote_addr

    $.ajax({
        type : "POST",
        url : "{{ url_for('mod.load_ajax') }}",
        data: JSON.stringify(data),
        contentType: 'application/json;charset=UTF-8',
        success: function(result) {
            console.log(result);
        }
    });

    console.log(data);
});

从代码来看，data是一个类似的javascript对象

{
    'foo' : 'foo',
    'bar' : 'bar',
    'fo_' : 42,
}

我想在烧瓶中做的是：

@mod.route('/load_ajax', methods=["GET", "POST"])
def load_ajax():
    if request.method == "POST":
        # load _sid and _uip from posted JSON and save other data
        # but request.form is empty.
        # >>> request.form
        # ImmutableMultiDict([]) 
        return str(request.form)

看，ajax 请求发出但没有数据提交。我console.log(data)使用 ajax，所以我可以看到我data在 jquery 的变量中确实有一些有意义的数据。但是 ajax 视图中的 request.form 是空的。我的数据在哪里提交？

4

5 回答 5

72

尝试

 $.ajax({
    type : "POST",
    url : "{{ url_for('mod.load_ajax') }}",
    data: JSON.stringify(data, null, '\t'),
    contentType: 'application/json;charset=UTF-8',
    success: function(result) {
        console.log(result);
    }
});

然后从服务器，您可以像这样引用数据中的变量：

request.json['foo']

由于内容类型被指定为application/json数据在request.json

于 2013-06-13T08:20:59.223 回答
13

根据您的示例，您没有发送键值对，而是将 JSON 字符串分配给 jQuery 数据选项。如评论中所述，您必须对 JSON 进行字符串化，创建一个带有键的对象（将用于从烧瓶中访问 JSON 字符串），然后将其分配给 jQuery 数据键。

    $.ajax({
            type : "POST",
            url : "{{ url_for('mod.load_ajax') }}",
            data: {json_str: JSON.stringify(data)},
            contentType: 'application/json;charset=UTF-8',
            success: function(result) {
                console.log(result);
            }
        });

    @mod.route('/load_ajax', methods=["GET", "POST"])
    def load_ajax():
        if request.method == "POST":
            # load _sid and _uip from posted JSON and save other data
            # but request.form is empty.
            # >>> request.form
            # ImmutableMultiDict([]) 
            return str(request.form['json_str']
     )
于 2013-02-16T09:49:32.837 回答
2

在烧瓶一侧，使用：

data = request.get_json()

变量数据现在有您使用 ajax 发送的字典，您现在可以使用 python 操作它

于 2018-07-04T21:38:56.770 回答
1

您是否尝试过删除 contentType？您假设将数据发布到 Flask。

你能尝试添加假数据吗

数据：{“你好”：“世界”}在ajax里面？只是为了检查 hello world 是否到达 request.form

于 2013-02-17T03:12:57.583 回答
0

从 Ajax 获取数据（Flask）

html:

<input type="text" id="inputbox" autocomplete="off">

JS：

    $(document).ready(function(){
        $("#inputbox").on("input",function(e){
            inputbox = $("#inputbox").val();
            console.log(inputbox)
            $.ajax({
                method: "post",
                url: "/path",
                data: {inputbox},
                success:function(res){


                }
            })
        });
    });

.py：

search_value = request.form.get("text")
于 2021-07-27T14:31:41.270 回答