如何不阻塞地加载数据？

Question

I want to load items from a database in my template. This proccess of loading can take some seconds, so I want to display the page before the proccess is done.

{% for item in get_items() %}
    <div> ... </div>
{% end %}

How can I load this data without blocking the page?

Answer 1

The easiest way would be two views: the view that's tied to your URL which just shows the "wrapper" around your actual data and has an HTML element in it like:

<div id="my-content">(loading data)</div>

And, assuming you use jQuery, something like:

<script>
    $("#my-content").load("/path/to/view/that/provides/data");
</script>

And then have a second view wired to that URL. This should return just the formatted HTML of the data itself (so possibly just that table or however you're presenting it).

Of course, you can also do this not by having the second view provide formatted HTML; you could have it produce JSON or XML or some more data-y format and then format that with Javascript. For some cases, that can be more efficient.

If you're not using jQuery, look up how to do a simple "fill this item with the response of this URL done via AJAX" call in whatever framework you do use--or you can do this in raw Javascript too, though somewhat more verbosely.

Answer 2

加载没有它们的页面，然后通过单独的Ajax调用将其添加。