使用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
以确保数据返回到您期望的结构中。