将参数从JQuery发送到Flas

Question

我试图将索引页上的输入（文本字段）中的数据发送回flask进行处理，并将处理后的数据返回到索引页。在

我可以用javascript显示通过警报输入的值，但是一旦我尝试将其发送到flask，它就不会显示。在

这是我尝试使用的代码。在

脚本.js

因此，当单击submit按钮时，它会向flask应用程序发送一个POST命令，其中包含文本字段中当前的内容（如中所示索引.html). 它等待响应并将其输出到“#reply”div

$('#submit').click(function(){
  $.post("/serviceidlookup", {serviceid1: document.getElementById("field")}).done(function (reply) {
    $('#reply').empty().append(reply);
});

烧瓶app.py

“提交”按钮用于设置文本的第一部分和“提交”按钮。第二部分是由前面的JQuery脚本调用并传递参数的函数。它呈现查找.html页并将其返回到JQuery脚本（然后将其输入到“#right”div）

^{pr2}$

查找.html

这接受前面描述的由“serviceidlookup”函数传递给它的值

{% if serviceid %}
<h1>Hello {{ serviceid }}!</h1>
<h1>And also {{ serviceid2 }}!</h1>
{% else %}
<h1>Hello World!</h1>
{% endif %}

索引.html

它包含用于发送信息的测试字段和按钮。它还包含JQuery填充的“#right”div

<div id="searchContainer">
<input id="field" name="field" type="text" />
<div id="delete"><span id="x">x</span></div>
<input id="submit" type="submit" value="Search" />
</div>

<div id="reply">
</div>

一定是我把论点传给烧瓶是做错了，有人能发现问题吗？在

干杯。在

Answer 1

我认为你的Javascript没有被触发-你的脚本.js（如果使用googlechrome，可以在javascript控制台中查看语法错误）。在

为了使您的申请能如期进行，我已按如下方式重新编写了您的申请：

烧瓶app.py

from flask import Flask, render_template, request

app = Flask(__name__)
app.debug=True

@app.route('/')
def index(name=None):
    return render_template('index.html', name=name)

@app.route('/serviceidlookup', methods=["GET", "POST"])
def serviceidlookup():
    serviceid = request.form.get('serviceid')
    serviceid2 = serviceid + " extra"
    return render_template('lookup.html', serviceid=serviceid, serviceid2=serviceid2)

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

静态/脚本.js

^{pr2}$