使用AJAX在jinja2 Framework for Python中动态加载行

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了使用AJAX在jinja2 Framework for Python中动态加载行，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1704字，纯文字阅读大概需要3分钟。

内容图文

我正在尝试在用户到达页面结束时动态加载新内容.我的网络应用程序使用gae-python.我用ajax& jquery在html中更新查询.

HTML：

{% block content %}

<div class="hero-unit special-padding">
  {% for h in hots %}
    {{ h.imageid.get().render() | safe }}

  {% endfor %}

{% include 'pager.html' %}
 </div>
{% endblock %}

Jquery& AJAX：

  $(window).scroll(function () {
     if ($(window).scrollTop() + $(window).height() > $('.hero-unit').height() - 100 && !isLoading) {$('#loadpage').click(function() {
        var page=$('#loadpage').attr('name');
        $.ajax({
            type: "POST",
            dataType:"json",
            url: '/loadpage', 
            data : {'page': page}, 
            success: updatehtml,  
        });
        return false;
        });
                    });

    function updatehtml(e){
        for (var i = 0; i < e.length; i++) {
            var html= "{{ "+e[i]['imageid']+".get().render() | safe }}";
            $('.hero-unit').append(html);
        }
    }

我序列化数据存储区实体并传递为json.它将使用更新HTML

{{ datastoreKey.get().render()|safe }}

现在我希望jinja2框架在ajax更新我的HTML时调用python函数.render().

我知道它可以通过在javascript中编写整个HTML代码来完成,但我想知道是否还有其他简单/更好的方法来完成它.

解决方法:

function updatehtml(e){
        for (var i = 0; i < e.length; i++) {
            var html= "{{ "+e[i]['imageid']+".get().render() | safe }}";
            $('.hero-unit').append(html);
        }
    }

当有人请求您的URI时,只会呈现一次.

所以行var html =“{{”e [i] [‘imageid’]“.get().render()| safe}}”;将被呈现并包含对您的porpuse的无效呈现.

你需要用你的lodapage处理程序用html响应才能做到这一点.
只需’移动/采用’html =“{{”e [i] [‘imageid’]“.get().render()| safe}}”;到您的loadpage处理程序,然后使用简单的模板文件或内联呈现它,并使其成为html响应. AJAX请求将能够获取html格式化数据,然后您可以轻松追加它.你必须小心id,而不是让它们依赖html,而是依赖于model / id,以便没有重复等.

之后,你可以只使用你可以从e参数中轻松获得的html

内容总结

以上是互联网集市为您收集整理的使用AJAX在jinja2 Framework for Python中动态加载行全部内容，希望文章能够帮你解决使用AJAX在jinja2 Framework for Python中动态加载行所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---