JS fetch returning 0 array length from flask

Question

I have a very simple and straightforward code:

Py:

@blueprint.route('/Ajax', methods=['GET', 'POST']) 
def Ajax():                
    Graph1 = [10,10,10,10,10]
    return jsonify(Graph1)

JS

fetch('/Ajax')
.then(function (response) {
  theData = Object.values(response); 
  console.log(theData);
  return theData; 
})

Yet I am getting:

I am not sure why this is the reason.

response does not contain the response data ... try fetch('/Ajax') .then(response => response.json()).then(data => here is the data) — Bravo
– Bravo, Commented Nov 19, 2020 at 2:32

Dominik · Accepted Answer · 2020-11-19 02:31:58Z

1

I'm unsure about your Python code but with fetch in js you need to convert the response to json first.

This should work:

fetch('/Ajax')
  .then(response => response.json())  // <--- this has been added
  .then(function (response) {
    theData = Object.values(response); 
    console.log(theData);
    return theData; 
  });

answered Nov 19, 2020 at 2:31

Dominik

6,3239 gold badges44 silver badges63 bronze badges

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

1 Comment

user13888987 Over a year ago

I have 5 minutes left haha. Definitely will :)

Collectives™ on Stack Overflow

JS fetch returning 0 array length from flask

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related