html原生从js获取数据,从html获取数据 并使用ajax或js将数据传递回前端

我正在尝试从网页获取数据到我的flask应用程序，并对其进行一些操作后，输出列表即试图将其作为下拉列表发送回前端。

到目前为止，我所做的是：

有一个用户表单，用户在其中输入详细信息并单击提交，然后获得json输出。

以这种形式，我有一个搜索按钮，当用户输入一个字符串时，该字符串将被发送到flask应用程序路由，并且只需执行很少的搜索操作并输出项目列表(直到这部分工作为止！)

我需要开始工作的是输出列表，应再次将其发送回表单页面，而我无法使其正常工作。

这是我到目前为止所做的：

var successFunction = function(response) {

/* do something here */

$('#info').html(JSON.stringify(data, null, ' '));

});

}

$(function(){

$('#btnSignUp').click(function(){

$.ajax({

url: '/signUp',

data: $('form').serialize(),

type: 'POST',

success: successfunction(response)

error: function(error){

console.log(error);

}

});

});

});

flask应用程序具有以下内容：

from flask import Flask, render_template, request,jsonify,url_for

import json,os,re

app = Flask(__name__)

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

def form():

if request.method == 'POST': #this block is only entered when the form is submitted

result = { key: value[0] if len(value) == 1 else value

for key, value in request.form.iterlists()

}

return json.dumps(result,indent=2)

return render_template('form_backup1.html')

@app.route("/signUp", methods=["POST","GET"])

def signUp():

jsdata = request.form['Nitro']

this dropdown_list list>

return jsonify(dropdown_list)

if __name__ == '__main__':

app.run(host="0.0.0.0",port="5000",debug = True)

删除html页面只是为了显示搜索框：

Nitro_search:

Search

就像我说的那样，当用户单击搜索时，我能够获得html表单中用户输入的文本。python的输出列表是我无法到达前端的地方。

任何帮助，将不胜感激。

谢谢

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！