javascript json to python flask

Question

I have a dynamic editable table. Once the user finished the edit with the submit button i need to send JSON stringify data to python flask.

This is the javascript that on button click create the alert with the JSON object... what should i add in the same function to send this data to python flask and render an Html template?

$(function () {
$("[id*=btnFirstGenerateJson").click(function () {
    var array1 = {};
    $("[id*=tblfirstTable] .DataRow").each(function () {

        var option = $(this).find('td').eq(1).find('select').children("option:selected")

        if(option.length>0){
            value = option.text();
        } else {
            value = $(this).find('td').eq(1).text().trim();
        }

        if (value!=undefined) {

            k = $(this).find('td').eq(0).text().trim();
            value = value.replace(/\t/g, '');
            value = value.replace('\n',' ');
            array1[k]=value
        }
    });
    alert(JSON.stringify(array1));
});

});

Karthick Mohanraj · Accepted Answer · 2019-11-15 09:39:51Z

1

Add this to your code snippet in your Javascript:

var xhr = new XMLHttpRequest();
var data = JSON.stringify(array1);
#Send the json data using the xhr variable
xhr.send(data);

Then in your flask application, you can retrieve the json files by using this code snippet inside your flask application:

@app.route('/flask_page',methods=[ "GET",'POST'])
def uploadLabel():
    #Retrieve the json file using request.files.get method of flask
    json_file = request.files.get('file')
    print(json_file)
    print(json_file.filename)
    json_file.save("./"+json_file.filename)

edited Nov 15, 2019 at 9:39

answered Nov 15, 2019 at 9:28

Karthick Mohanraj

1,6883 gold badges18 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

javascript json to python flask

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related