Unable to pass values form JS func(ajax) to Python flask server

See more:

Javascript

HTML

Ajax

Python

My Python code-:

from flask import Flask
from flask_cors import CORS
import cgi

app = Flask(__name__)
CORS(app)

form = cgi.FieldStorage()

@app.route("/", methods=['POST'])
def apicall():
  var1 = form.getvalue('var1')
  if len(var1)>1:
    return 'received value from JS function'   

if __name__ == "__main__":
  app.run()

My JS function -:

function callPythonScript() {
    alert("called_python_script");
    $.ajax({
        url: "http://127.0.0.1:5000",
        type: "POST",
        data:{
            var1: window.location.href,
        },
        success: function(response) {
            console.log(response);
        },
        error: function(xhr) {
            console.log(xhr);
        }

python throws this error - TypeError: object of type 'NoneType' has no len()
127.0.0.1 - - [31/Oct/2022 00:28:01] "POST / HTTP/1.1" 500 -

is there any configuration i need to do to my flask server in order to accept values from js

What I have tried:

import cgi
form = cgi.FieldStorage()
var1 = form.getvalue('var1')