Javascript 基于服务器中的值自动完成html块
这可能是一个很难回答的问题。 现在,我有下面的自动完成块Javascript 基于服务器中的值自动完成html块,javascript,html,flask,Javascript,Html,Flask,这可能是一个很难回答的问题。 现在,我有下面的自动完成块 <script> var filename = src="{{ url_for('static', filename='cities.txt') }}" $.get(filename,function(data) { var cities = data.split('\n'); $( "#autocomplete-1" ).autocomp
<script>
var filename = src="{{ url_for('static', filename='cities.txt') }}"
$.get(filename,function(data) {
var cities = data.split('\n');
$( "#autocomplete-1" ).autocomplete({
source: cities
});
});
</script>
<form class="form-inline my-2 my-lg-0" action="{{ url_for('fetch_vals' )}}" method="get">
<label for="autocomplete-1"></label>
<input id="autocomplete-1" class="form-control mr-sm-2" type="text" placeholder="{{box_text}}" name="cities">
<button class="btn btn-secondary my-2 my-sm-0" type="submit">Go</button>
</form>
上面返回一个类似json的
{"cities": ['new york', 'portland']}
在“/cities”上查询时
如何将从文件读取转换为从服务器读取并解析json。
谢谢一种解决方案是从客户端代码发出AJAX请求,类似于:
$.ajax({
type: 'GET',
url: "/cities",
dataType: "json",
success: function(data){
$( "#autocomplete-1" ).autocomplete({
source: data["cities"]
});
}
});
您可以从中了解更多关于AJAX的信息
$.ajax({
type: 'GET',
url: "/cities",
dataType: "json",
success: function(data){
$( "#autocomplete-1" ).autocomplete({
source: data["cities"]
});
}
});