html input to custom menu

Dears,

I am adding a custom menu to run a python script for third party app integration. Also I want to take input from user through html and pass it to the script.

I saw this discussion https://pitstop.manageengine.com/portal/community/topic/provide-input-to-a-powershell-script-run-from-custom-menu which do the same with powershell scripts.

what I did so far:

added html file in integration/resources with this content , also attached to be clearer

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="E:\abdo_yousri\jquery-3.5.1.min.js"></script>
<title></title>
</head>
<body>
<div>please enter attachment name</div>
<div><input type="text" name="attachment_name"></div>
<input type="button" value="submit" onclick="SubmitForm()">
</body>
<script>
function SubmitForm()
{
alert(1);
var attachment_name = JQuery("#attachment_name").val();
alert(attachment_name);
var data = {ATTACHMENT_NAME:attachment_name};
var items = (typeof sdptoJSON != 'undefined') ? sdptoJSON(data) : JSON.stringify(data);
JQuery.ajax({type:'POST',url:'/servlet/ActionExecutorServlet',data:{data:tems},
success: function(response){
alert(response)
}
});
}
</script>
</html>
in the custom menu script file to run I wrote: python script.py $COMPLETE_JSON_FILE $HTML_DATA_JSON_FILE
I try to read input in the script with this line : attachment_name= sys.argv[2]

I believe that the error is in the html file because I can't alert attachment name. also I can't understand the last portion of the js script and the role of servlet here.

I wish my discussion is clear and your help is appreciated because I am new to jquery stuff.

cheers