flask14 use AJAX POST

html

<input type="button" name="btn-test" id="btn-none_to_json" value="post, 서버 URI: /main/none_to_json" />


자바스크립트

$("#btn-none_to_json").on("click", function () {
    ajax_post_none_to_json();
});

function ajax_post_none_to_json(){
    var request = $.ajax({
        type: 'POST',
        url: "/main/none_to_json",
        data: undefined,
        contentType: 'application/json;charset=utf-8', //request data type
        dataType: 'json', //response dataType

        cache: false,
        async: true,
        timeout: 30000,
        success: function(objs) {
            alert("ajax HTTP 통신 성공");
             $("#response_result").text("ajax_post_none_to_json : response success");
        },
        error : function() {
            alert("ajax HTTP 통신 실패. 관리자에게 문의하세요.");
        }
    });
} //end of ajax_none_to_json

@bp.route('/none_to_json', methods=['POST'])
def none_to_json():
    print('Request URL: http://127.0.0.1:8888/main/none_to_json')

    from flask import jsonify

    userlist = list()
    data = {'username': 'kim', 'userid': '777'}
    userlist.append(data)
    data = {'username': 'lee', 'userid': '888'}
    userlist.append(data)
    response = jsonify(userlist)
    print(userlist)

    #response = json.dumps(userlist, default=str, ensure_ascii=False)
    return response, 201

<input type="button" name="btn-test" id="btn-json_to_json" value="서버 URI:  /main/json_to_json" />


$("#btn-json_to_json").on("click", function () {
    ajax_post_json_to_json();
});


function ajax_post_json_to_json(){
    var URI = "/main/json_to_json"
    var PARAMETER = JSON.stringify({"username": "apple", "userid": 33})

    var request = $.ajax({
        type: 'POST',
        url: URI,
        data: PARAMETER,
        contentType: 'application/json;charset=utf-8',
        dataType: 'json',
        cache: false,
        async: true,
        timeout: 30000,
        statusCode: {
             201: function() {
                  console.log( "statusCode 201 response success" );
             }
        },

        success: function(objs, textStatus, jqXHR) {
            alert("ajax HTTP 통신 성공");

            console.log("objs=", objs);
            console.log("objs[0]=", objs[0]);

            objs.forEach(function(obj) {
                console.log("obj=", obj);
            });

            console.log("success jqXHR status=", jqXHR.status);
            console.log("success jqXHR responseJSON", jqXHR.responseJSON);
        },
        error : function(jqXHR) {
            alert("ajax HTTP 통신 실패. 관리자에게 문의하세요.");
            alert(jqXHR)
        }
    });
} //end of ajax_post_json_to_json

@bp.route('/json_to_json', methods=['POST'])
def json_to_json():
    print('Request URL: http://127.0.0.1:8888/main/json_to_json')

    client_json = request.get_json(silent=True)
    print(f"data = {client_json}")

    user_record = model.User.query.filter(
        model.User.username == client_json['username'],
        model.User.userid == client_json['userid']).first()

    print(user_record.serialize)
    response = json.dumps([user_record.serialize], default=str, ensure_ascii=False)
    return response, 201

client_json = request.get_json(silent=True)
client_json['username']
client_json['userid']