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

因此，我有一个在按下按钮后创建的JS变量，我需要将其传递给我的应用以在flask中进行处理。我目前正在尝试使用查询字符串来完成此操作，但我不确定自己在做什么。

在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;
    };

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

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

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

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

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

我知道我缺乏有关html / js /处理数据的一些基本知识，因此我不确定如何从这里开始。我应该使用PHP以某种方式处理请求吗？还是我根本不用表格？还是在烧瓶中有一种更简单的方法，无需使用POST即可获取数据？我不确定是否有任何建议，谢谢！

参考方案

好吧，我一个人找到了您这种独特问题的风格，因此我将尽力解释我的答案。
首先，我只需要调用函数的形式
其次，我将使用带有“ POST”配置的函数调用“ XMLHttpRequest”
HTML

<form onsubmit="deleteBook()">
  <input type="submit" value="Delete " />
</form>

JavaScript

function deleteBook () {
  var xhr = new XMLHttpRequest();
  xhr.open('POST', existingUrl + '?itemID=' + itemToRemove, true); //The second argument is the url you wish to 'POST' to
  xhr.send(); //if you want to do something if your flask returns something, 'xhd.onload = function () {}'
}

Flask:如何将JSON传递到javascript文件？ - javascript

            我有对象main.pyfrom __future__ import with_statement from flask import Flask,request,jsonify,send_file,render_template import json # from flask_cors import CORS app = Flask…

javascript popupwindow之后的行如何工作？ - javascript

好的，我有一个来自后面代码的方法，可以创建一个popupwindow。然后有一行代码要在那之后执行，我想知道那行代码何时执行，是在使用popupwindow之后执行还是在创建popupwindow之后执行？例如：void exPopupWindowMethod() { string scr = "window.open('exampleP…

Flask Jinja2语句与JavaScript用例 - javascript

我正在使用Flask框架创建我的第一个小型Web应用程序，但我不确定哪种方法是基于后端Python代码中定义的数据更改页面上元素（ID ='＃NRG'）元素属性的最佳实践。 ：Flask / Jinja2方法： {% if nrg_precip_probs[0] <=25 and nrg_precip_probs[1] <= 25 and nrg…

如果我得到url('')，我该如何使用另一个URL - javascript

我是新手，正在写这篇文章，但是如果源上没有图像，那么我只有空白。有人可以告诉我，如果我正在获取背景图像，如何获取/images/no-image.jpg：url（）;这是我的代码：<div class="uk-clearfix uk-position-relative"> <div class="recipeb…

Javascript-Urls的奇怪字符串比较行为 - javascript

最近，在编写我无法理解的javascript时遇到了字符串比较的问题。我从完全相同的网址创建了两个字符串，当我比较它们时返回false，但是在重新分配相同的字符串后，比较返回true。这是我的示例：var str1 = "http://google.com/"; var str2 = "http://google.com‏/&#…