如何为选中的复选框创建GET请求，然后将其显示在HTML页面上？

Question

我正在为一个项目创建一个应用程序，但我一直坚持使用此功能。 我已经为选中的复选框创建了POST方法，但是我不知道如何获取该信息，然后将其显示在HTML页面上。 我不确定我的GET方法。 它基本上是一个编辑页面功能。 而且我们只应使用AJAX和flask。 请帮忙。

function edit_food() {
    console.log($('input[name="food"]:checked').serialize());

    $.ajax({
        url: 'http://127.0.0.1:5000/edit_food.html/',
        data: JSON.stringify({}),
        type: "POST",
        dataType: "json",
        success: function (newSet) {
            $('input[name="food"]:checked');
            if (newSet.status == 'ok') {
                alert("SAVED!")
            }
        },
        error: function (e) {
            alert("Something went wrong!");
        }
    });

   var $set = $('#set');

    $.ajax({
        url: 'http://127.0.0.1:5000/food.html/',
        data: JSON.stringify({}),
        type: "GET",
        dataType: "json",
        success: function (set) {
            $('input[name="food"]:checked');
            if (set.status == 'ok') {
                alert("SAVED!")
            }
        },
        error: function(e) {
            alert("Something went wrong!");
        }
    });
}

Answer 1

使用Ajax时，可以返回数据类型为string，json或html。 我经常返回json数据或html数据。 使用html数据，您可以使用：

.done(function(res){
    $('#id_reaload').html(res);
})