jquery - Django - 使用 Ajax/Ajah 加载页面片段

标签 jquery ajax django include

我有一个复杂的页面,页面的某些部分需要更多时间才能加载。我正在考虑使用 AJAH 方法并在加载初始页面后使用 jQuery 加载片段。然后我意识到这应该是一个很常见的问题。像 {% includeajax "sometemplate.html"%} 这样的东西怎么样?

这意味着使用 AJAH/AJAX 加载“sometemplate.html”。这不是很酷的标签吗?有任何想法吗?

我知道如何实现这个,如果有这样的可重用标签就好了。您知道实现此目标的其他简单方法吗?

谢谢

最佳答案

我制作了一个中间件和一个模板标签来执行此操作:

{% delayed_block big_table %}
    Real content. It will be loaded by Javascript at document.ready event.
{% delayed_stub %}
    Stub content that is rendered immediately.
{% enddelayed_block %}

加载页面时,一段 Javascript 会注意到一个特殊的类并向服务器请求它,并使用 ?partial=big_table 参数发出请求。当big_tablepartial参数中时,该 block 渲染真实内容。中间件捕获输出,仅提取该 block 并将其包装在 JSON 中。然后 Javascript 模块将其放到正确的位置。

该项目名为django-partial-page 。其中 django 部分是一个 Egg,Javascript 模块位于 example/media/js/partial.js 中。

关于jquery - Django - 使用 Ajax/Ajah 加载页面片段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4341538/

相关文章:

python - Django 模板 : Need 2 values to unpack in for loop; got 8

django - 将 .csv 文件导入 PostgreSQL 并在第一列添加一个自动递增的 ID

jQuery 循环多种形式

javascript - 如何使用 JavaScript 或 jQuery 使文本框边框颜色在焦点上淡入

javascript - 页面在 Google Adwords 转化跟踪上被重定向

ajax - ASP.NET 4.0 路由 + ajax + 浏览器历史记录

python - Django ;使用 ajax 时重定向无法按预期工作

javascript - 用户单击复选框几秒钟后如何使按钮可单击

javascript - Chart JS 在条形图的顶部显示数据值

ios - Cordova 应用程序的 ajax 卡在 iPhone 7 上