你如何通过POST传递Javascript变量以在Flask中使用？

Question

所以我有一个JS变量，它是在按下按钮后创建的，我需要将其传递给我的应用程序以在烧瓶中处理。我目前正在尝试使用查询字符串执行此操作，但我不确定我在做什么。

在html中，我有一个这样的表单设置：

<form action="/deleteBook" method="POST" onsubmit="deleteBook()">

                <input type="submit" value="Delete" />

 </form>

它调用此函数来应用查询字符串：

function deleteBook() {

        var existingUrl = window.location.href;

        window.location.href = existingUrl + '?itemID=' + itemToRemove;

    };

然后我想通过烧瓶处理该变量：

@app.route('/deleteBook', methods=["POST"])

def deleteBook():

if(request.method == "POST"):

    itemID = request.args.get('itemID')

在我看来，代码应该检测表单提交（基本上是单击单个按钮），调用deleteBook（），然后应该将查询字符串附加到URL，然后可以在flask中处理。

我知道我缺乏一些关于html / js /处理数据的基本知识，所以我真的不确定从这里去哪里。我应该使用PHP以某种方式处理请求吗？或者我根本不应该使用表单？或者也许在烧瓶中有一种更简单的方法可以在不使用POST的情况下获取数据？我不确定，所以任何建议都值得赞赏，谢谢！

Answer 1

好吧，我发现你的风格对于这样一个问题来说很独特，所以我会尽力解释我对答案的想法。首先，我只需要一个调用函数的表单 其次，我会让函数调用一个带有“POST”配置的“XMLHttpRequest” HTML<form onsubmit="deleteBook()">&nbsp; <input type="submit" value="Delete " /></form>The JavaScriptfunction deleteBook () {&nbsp; var xhr = new XMLHttpRequest();&nbsp; xhr.open('POST', existingUrl + '?itemID=' + itemToRemove, true); //The second argument is the url you wish to 'POST' to&nbsp; xhr.send(); //if you want to do something if your flask returns something, 'xhd.onload = function () {}'}