gpt4 book ai didi

javascript - Flask with AJAX - 更新 HTML 表

转载 作者:行者123 更新时间:2023-12-03 02:37:26 25 4
gpt4 key购买 nike

使用 Flask 和 AJAX,我构建了一个像这样的 HTML 表格...

app.py

tableDict = buildTable()
return render_template('page.html', tableDict = tableDict)

page.html

<tbody>
{% for key, value in tableDict.iteritems() %}
<tr>
<th> {{ key }} </th>
<td> {{ value }} </td>
</tr>
{% endfor %}
</tbody>

效果很好。

我想使用 AJAX 更新此表。我知道如何通过元素的 ID 标记来更新元素,例如

ajax.js

$("#elementToUpdate").html(response.valueToUpdate);

所以我尝试了...

app.py

tableDict = buildTable()
return jsonify(tableDict = tableDict)

ajax.js

$("#tableDict").html(response.tableDict);

这不起作用 - 我的猜测是因为我根本没有更新 ID 标签...所以我不应该对此感到惊讶。

如何获取传递给 AJAX 的字典来更新表?

最佳答案

$("#elementToUpdate").html(response.valueToUpdate);

此行将将该元素的 HTML 更新为任何 response.valueToUpdate。假设 tableDict 是 HTML,您想使用 jQuery 来选择要更新的元素。

我要仔细检查的第一件事是 $("#tableDict") 正在选择您想要的元素。您可以通过打开 Chrome 开发工具并在控制台中测试 jQuery 选择器来确认这一点。

第二件事是在 AJAX 调用返回后检查页面上的 HTML。抛出一些 console.log 以确保数据以您期望的结构返回。

关于javascript - Flask with AJAX - 更新 HTML 表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48488827/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com