• 编程经验:高性能.NET WEB开发(4)flush让页面分块,逐步呈现


    传统的aspx页面在处理时候,需要加载完整个页面,才把它Flush页面上,也有就是说,如果有很大的图片、视频等,必须等它们加载完(这个过程,我们的页面是一片空白),我们才能看到页面,在处理这些比较耗时的请求的时候,我们总希望先让用户先看到部分内容,让用户知道系统正在进行处理,而不是无响应。一般大家在处理这种情况,都使用ajax,先把html输出到客户端,然后再用ajax取加载比较耗时的资源。用ajax麻烦的地方是增加了请求数,而且需要写额外的js代码、和js调用的请求接口。

    <div id="head" style="border: 1px solid #ccc;">

            慕容听雨工作室  logo

            <img src="http://logo.tool.hexun.com/b1e12d-150.jpg" />

    </div>

      <br />

     <div id="content" style="border: 1px solid blue;">

         <img src="http://csdnimg.cn/www/images/csdnindex_piclogo.gif" />    

      </div>

         正对这种情况,还有一种处理方法,就是让response分块编码进行传输。response分块编码,可以先传输一部分不需要处理的html代码到客户端,等其他耗时代码执行完毕后再传输另外的html代码。

     

    修改后:

     

    <div id="head" style="border: 1px solid #ccc;">

            慕容听雨工作室  logo

            <img src="http://logo.tool.hexun.com/b1e12d-150.jpg" />

     </div>

    -------------------------------------Flush-----------------------------------------------

     <%Response.BufferOutput = false; Response.Flush(); %>

       

       <br />

      <div id="content" style="border: 1px solid blue;">

       这里测试延迟加载图片。

       <% System.Threading.Thread.Sleep(3000); %>

        csdn logo<br /> 

         <img src="http://csdnimg.cn/www/images/csdnindex_piclogo.gif" />    

       </div>

    ----------------------------------------Thread----------------------------------------------

    我最近在玩和讯财经微博,很方便,很实用。
    一句话,一张图,随时随地与我分享理财心得与亲历见闻。
    点击以下链接激活,来和我一起玩吧!
    http://t.hexun.com/active.aspx?InviteCode=vgHnLwTTuTjrgTw%2fP7b6%2fA%3d%3d

  • 相关阅读:
    三大主营业务全面开花 京东方半年报大幅盈利(半年446亿元,同比增长69%,实现净利润43亿元)
    JS几种变量交换
    Vue2
    树的插入、删除、旋转归纳
    从两个不同的ServiceProvider说起
    集中式路由
    MongoDB 可视化管理工具
    服务发布
    Parallel
    NET WebAPi之断点续传下载(下)
  • 原文地址:https://www.cnblogs.com/Gemgin/p/3136279.html
Copyright © 2020-2023  润新知