使用JQuery實現延遲載入UserControl

2021-07-03 01:07:07 字數 1600 閱讀 3083

延遲載入usercontrol這個需求,我們有時保證元件靈活性,需要動態加態usercontrol.其實這實現並不難.此處我們用jquery呼叫webservice來實現延遲載入usercontrol.

有乙個usercontrol是讀取cnn的rss,然後展示出來:

1:  <%@ control language="c#" autoeventwireup="true" codefile="rssreadercontrol.ascx.cs" inherits="rssreadercontrol" %>
2:
3:
4:
7:
8:
9:      '><%# eval("title") %>

10:        <%# eval("description") %>
11:
12:
13:

cs:

1:    protected void page_load(object sender, eventargs e)
2:    ;
13:
14:      postlist.datasource = feeds;
15:      postlist.databind();
16:    }

webservice的實現,關鍵部分:

1:  [webservice(namespace = "")]
2:  [webservicebinding(conformsto = wsiprofiles.basicprofile1_1)]
3:  [system.web.script.services.scriptservice]
4:  public class rssreader : system.web.services.webservice
24:  }

然後,放在乙個page中:

1:  <%@ page language="c#" autoeventwireup="true" codefile="default.aspx.cs" inherits="_default" %>
2:
3:
4:
5:
9:
10:
18:
19:
20:
21:
22:
23:
24:

關鍵的js:

1:  ///
2:  $(document).ready(function() ",
8:          datatype: "json",
9:          success: function(msg)
15:      });
16:  });

希望這篇post對您有幫助.

jquery 延遲載入(瀏覽器滾動載入)

越來越多的 實現了動態載入,瀑布型 qq空間,sina等大型 會效能和使用者的體驗越來越嚴格 減少伺服器的負擔,加快 的瀏覽速度,都是 技術人員人人在做的!下面是拉動瀏覽器滾動條才實現的載入 第一屏的內容 第一屏的內容 第一屏的內容 第一屏的內容 第一屏的內容 第一屏的內容 第一屏的內容 第一屏的內...

使用路由延遲載入 Angular 模組

這裡將使用乙個簡單示例來演示這個特性是如何工作的。將應用拆分為多個不同的模組,可以在需要的時候再進行延遲載入。延遲載入的路由需要在根模組之外定義,所以,你需要將需要延遲載入的功能包含在功能模組中。我們使用 angular cli 來建立乙個演示專案 demo.ng new demo然後,進入到 de...

在MEF中實現延遲載入部件

在mef的宿主中,當我們通過import宣告匯入的物件時,組裝 compose 的時候會建立該物件。例如 inte ceilogger export typeof ilogger classconsolelogger ilogger classhost 有的時候,有些元件的建立開銷比較大,但又不會立...