在你通過ScriptManager啟用CDN后,你的應(yīng)用將從CDN獲取通常是從System.Web.dll 或 System.Web.Extensions.dll程序集中獲取的所有JavaScript文件。這包括ASP.NET AJAX中的JavaScript文件,以及內(nèi)置的Web Forms JavaScript文件(例如,用于客戶端驗(yàn)證的WebUIValidation.js文件,和為象TreeView, Menu等控件所用的JavaScript文件)。

這提供了一個(gè)很好的終端用戶性能改進(jìn),同時(shí)意味著訪問你的ASP.NET網(wǎng)站的用戶不再需要重新下載這些文件,假如他們曾經(jīng)訪問過另一個(gè)使用了CDN的ASP.NET網(wǎng)站的話。

使用CDN中的ASP.NET AJAX第五個(gè)預(yù)覽版

除了推出 AJAX CDN 站外,ASP.NET開發(fā)團(tuán)隊(duì)最近還發(fā)布了ASP.NET AJAX第五個(gè)預(yù)覽版。你可以在CodePlex上http://aspnet.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=32770下載ASP.NET AJAX第五個(gè)預(yù)覽版(帶有例程代碼)。

現(xiàn)在,通過添加下列指向CDN的腳本,你就可以使用ASP.NET AJAX 庫:

  1. <script src="http://ajax.microsoft.com/ajax/beta/0909/MicrosoftAjax.js" type="text/javascript"></script>   
  2.  
  3. <script src="http://ajax.microsoft.com/ajax/beta/0909/MicrosoftAjaxTemplates.js" type="text/javascript"></script> 

這些腳本標(biāo)識(shí)引用了2009年9月發(fā)布的ASP.NET AJAX庫的beta版(URL的/0909/部分代表ASP.NET AJAX版本發(fā)布的年和月)。

在添加引用ASP.NET AJAX庫的腳本標(biāo)識(shí)之后,你可以開始在你的網(wǎng)頁上使用該庫。例如,下面的代碼將代表一組相片的客戶端DataView控件依附于網(wǎng)頁主體的一個(gè)DIV元素。

data 

該DIV元素,其id為 "photos", 包含了一個(gè)格式化相片數(shù)組中每個(gè)相片的模板,相片元素是這么聲明的:

template

在顯示(render)DataView時(shí),photos DIV元素的內(nèi)容會(huì)為相片數(shù)組中的每一個(gè)相片都顯示(render)一次, 其結(jié)果是顯示了下列相片:

photos

因?yàn)锳SP.NET AJAX是純JavaScript庫,上面的代碼在ASP.NET Web Forms, ASP.NET MVC, HTML, 甚至經(jīng)典的 ASP網(wǎng)頁中都能完全工作,該代碼在所有現(xiàn)代瀏覽器中也都工作。

你可以在CodePlex上的項(xiàng)目主頁上下載例程代碼來了解ASP.NET AJAX第五個(gè)預(yù)覽版的細(xì)節(jié)。

下面是幾個(gè)深入探討ASP.NET AJAX第五個(gè)預(yù)覽版中特性的博客貼子:

  1. Microsoft Ajax 4 Preview 5: The DataView Control — Dave Reed 解釋了如何利用第五個(gè)預(yù)覽版中新加的動(dòng)態(tài)模板和占位控件(placeholder)特性。
  2. ASP.NET Ajax Preview 5 and UpdatePanel – Jim Wang 解釋了如何在現(xiàn)有的,使用了標(biāo)準(zhǔn)的ASP.NET UpdatePanel控件的網(wǎng)站中使用第五個(gè)預(yù)覽版。
  3. Building a class browser with Microsoft Ajax 4.0 Preview 5 – Bertrand Le Roy建造了一個(gè)非??岬腁jax類庫瀏覽器應(yīng)用,該應(yīng)用利用了第五個(gè)預(yù)覽版中的若干個(gè)新特性,包括遞歸模板(recursive template)。
  4. How the DataContext can change your data and your life (well, sort of, but not really) – Jonathan Carter有一個(gè)精彩貼子系列,深入探討Ajax DataView 和 DataContext。

結(jié)束語

微軟Ajax CDN使得你能夠顯著地提高使用了ASP.NET AJAX或jQuery的ASP.NET Web Forms和 ASP.NET MVC 應(yīng)用的性能。該服務(wù)是免費(fèi)的,不需任何注冊,可以用于商業(yè)性和非商業(yè)性用途。

ASP.NET 4.0將特別方便ASP.NET Web Forms開發(fā)人員來利用該CDN。通過設(shè)置ScriptManager控件的一個(gè)屬性,你將能夠把對內(nèi)置ASP.NET JavaScript文件的所有請求轉(zhuǎn)向到CDN來獲取,從而提高你的Web Forms應(yīng)用的性能。

分享到

zengdongjun

相關(guān)推薦