python - 如何从 AJAX 将 mySQL 数据从服务器端显示为 HTML
问题描述
我找不到很多关于这方面的教程,大部分都可以找到 PHP 的。我正在尝试使用 python Flask、mySQL 和 Ajax 创建一个具有自动完成功能的搜索栏。我正在努力捕捉击键并从数据库中进行选择。之后,我无法在客户端显示任何内容。
我试过使用部分页面,但这些都不会显示。
server.py 文件
@app.route("/search", methods=['POST'])
def search():
output = ''
mysql = connectToMySQL("countries_db")
data_received = json.loads(request.data)
data = data_received['query']
var_data = '%' + data + '%'
mysqlQuery = "SELECT name FROM countries WHERE countries.name LIKE '%s' LIMIT 10;" %var_data
result = mysql.query_db(mysqlQuery)
output += '<ul class="list-unstyled">'
if len(result) > 0:
for country in result:
output += '<li>' + country["name"] + '</li>'
else:
output += '<li>Country Not Found</li>'
output += '</ul>'
return render_template("index.html", result=result)
索引.html
<li class="search">
<div class="auto">
<img src="{{ url_for('static', filename='search.png') }}">
<input class="search-bar" type="text" id="country" name="country" aria-label="Search through site content"
placeholder="Search for a Country">
<div class="countryList">
{% for country in result %}
<p>{{country.name}}</p>
{% endfor %}
</div>
</div>
</li>
# Ajax
<script type="text/javascript">
$(document).ready(function () {
$('#country').keyup(function () {
var query = $(this).val();
if (query != '') {
$.ajax({
url: "/search",
method: "POST",
data: JSON.stringify({
query: query,
}),
dataType: "JSON",
contentType: 'application/json;charset=UTF-8',
success: function (data) {
data = data.data
$('#countryList').fadeIn();
$('#countryList').html(data)
},
dataType: 'text'
})
}
})
})
解决方案
id 使用 # 引用,类名使用 . 在jQuery中。将国家/地区列表之前的 # 替换为“。”
推荐阅读
- windows - 如何让窗口的批处理文件检测屏幕保护程序何时打开?
- python - 对于不包含另一个列表元素的列表
- google-cloud-shell - 不支持调试会话类型“节点”
- vue.js - 使用 vue 路由器刷新页面重定向到主页
- python - 尝试检查数据集中的“W”时出现 ValueError
- python - 是否可以使该算法递归?
- powershell - 在 Windows 10 上将 Postman post Request with Basic Auth 转换为 mingw64 curl 和 powershell
- python - 产生 int 时 pytorch Dataloader 错误“打开的文件太多”
- r - 如何在不重新分配的情况下从 C char* ptr 创建 RAWSXP 向量
- typescript - typescript 返回接口的属性数据,返回类型定义