我正在努力使用 Python、Flask 和 Ajax 实现“加载更多文章”功能。一切都在服务器端工作,但我不知道如何使用 jQuery 将新数据附加到 HTML。
以及我的 HTML 模板中的以下 jQuery 和 Ajax 代码:
<script type=text/javascript>
$(function() {
$('a#get-more').bind('click', function() {
$.getJSON($SCRIPT_ROOT + '/_get_the_data_from_serverside', {
}, function(data) {
$("#more").append(data.stories[0].storycontent);
});
return false;
});
});
</script>
<span id=more></span>
<a href="#" id=get-more></a>
但是正如您所看到的,它不起作用,来自 json 对象(如“storycontent”)的数据没有附加到 HTML 中。
有什么想法吗?
最佳答案
json 的路径应为 data[0].storycontent。 就像这样:
<script type=text/javascript>
$(function() {
$('a#get-more').bind('click', function() {
$.getJSON($SCRIPT_ROOT + '/_get_the_data_from_serverside', {
}, function(data) {
$("#more").append(data[0].storycontent);
});
return false;
});
});
</script>
<span id="more"></span>
<a href="#" id=get-more></a>
关于javascript - 如何正确地将数据从 jQuery 和 Ajax 附加到 HTML?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38095025/