Comment implémenter la fonctionnalité de chargement partiel de la page

Question

J'ai une application qui a une page très volumineuse et je ne peux plus réduire la fonctionnalité. Pour cette raison, chaque page prend trop de temps à charger complètement.

Y at-il un moyen de charger la page de manière séquentielle? Lien une fois que j'ai frappé l'URL, peu de contenu s'affiche immédiatement et d'autres contenus seront affichés un par un?

Sur notre site Web, nous utilisons le framework Entity et RJSResult pour rendre le contenu.

Merci et salutations, Kamal Kant Pansari

Answer 1

Vous pouvez utiliser AJAX pour retarder le chargement de certaines parties de la page. La méthode Html.RenderPartial n'aide pas dans ce cas car les vues partielles seront rendues avant d'envoyer la page de résultats à un client.

Avec jQuery, vous pouvez faire quelque chose comme ceci:

<script src="<%= Url.Content("~/Scripts/jquery-1.3.2.js") %>" 
<script type="text/javascript"> 

    $(document).ready(function() 
    { 
    var url = '<%= Url.Action("ReturnDelayedPartialView") %>'; 

    // show a placeholder image 
    $("#delayed").html("<img src='<%= Url.Content("~/Content/ajax-loader.gif") %>' />"); 

    // load content 
    $("#delayed").load(url); 
    } 

</script> 

<div id="delayed"> 
</div>