可以在Jquery中使用ajax。有关详细信息,请参见this doc。在
如何继续:配置js脚本
在HTML文件模板中:加载Jquery:
最好在任何其他javascript文件之前加载Jquery。
静态地:
或者使用谷歌的AJAX库API:
^{pr2}$
向站点添加动态路径:
此脚本标记将全局变量设置为应用程序根的前缀。在在烧瓶侧面
编写一个函数,该函数将用户在表单中输入的值作为参数,执行搜索操作,并返回一个JSON对象和您要显示的列表。在@app.route("/_signUp")
def signUp():
myString = request.args.get('myString')
"""couple of find and search operations the output of which is in
this dropdown_list list"""
dropdown_list = ['A', 'B', 'C'] #sample
return jsonify(dropdown_list=dropdown_list)返回HTML代码
编写一个脚本来检索输入的数据,用Ajax将它们发送到服务器,并显示服务器返回的信息。在
$(function(){
$('#btnSignUp').bind('click', function(){
$.getJSON($SCRIPT_ROOT + '/_signUp', {
myString: $('input[name="Nitro"]').val(),
},function(data){
$('#info').append('
' + data.dropdown_list[0] + '' );//A$('#info').append('
' + data.dropdown_list[1] + '' );//B$('#info').append('
' + data.dropdown_list[2] + '' );//C}
});
});
Nitro_search:
Search
有关详细信息,请参见this link。在