΢ÈíÐû²¼AJAX CDN
ÔÎĵØÖ·¡¿Announcing the Microsoft AJAX CDN
¡¾ÔÎÄ·¢±íÈÕÆÚ¡¿ Tuesday, September 15, 2009 11:46 PM
½ñÌìÔçЩʱºò£¬ASP.NET¿ª·¢ÍŶÓÍÆ³öÁËÒ»¸öеÄ΢ÈíAjax CDN£¨Content Delivery Network£¬ÄÚÈÝ·Ö·¢ÍøÂ磩·þÎñ£¬¸Ã·þÎñÌṩÁ˶ÔAJAX¿â£¨°üÀ¨jQuery ºÍ ASP.NET AJAX£©µÄ»º´æÖ§³Ö¡£¸Ã·þÎñÊÇÃâ·ÑµÄ£¬²»ÐèÈκÎ×¢²á£¬¿ÉÓÃÓÚÉÌÒµÐÔ»ò·ÇÉÌÒµÐÔÓÃ;¡£
CDN¶¼Ìṩʲô£¿
ÄÚÈÝ·Ö·¢ÍøÂ磨CDNs£©ÊÇÓÉÕ½ÂÔÐÔµØÖ÷ÅÓÚÊÀ½ç¸÷µØ¹Ø¼üInternetÍøÂçµãµÄ“±ßÔµ»º´æ£¨edge cache£©”·þÎñÆ÷×é³ÉµÄ¡£ÕâЩ“±ßÔµ»º´æ£¨edge cache£©”·þÎñÆ÷¿ÉÓÃÓÚ»º´æºÍ·Ö·¢¸÷ÖÖÀàÐ͵ÄÄÚÈÝ£¬°üÀ¨Í¼Æ¬£¬ÊÓÆµ£¬CSSºÍJavaScriptÎļþ¡£
ʹÓÃCDN¿ÉÒÔÏÔÖøÌá¸ßÒ»¸öÍøÕ¾µÄÖÕ¶ËÓû§ÐÔÄÜ£¬ÒòΪËüÔÊÐíä¯ÀÀÆ÷¸ü¿ìµØ»ñÈ¡ºÍÏÂÔØÄÚÈÝ¡£ÀýÈ磬¶ÔÒ»¸öͼƬÇëÇó£¬ä¯ÀÀÆ÷²»ÔÙÐèÒª¿çÔ½Internetµ½ÄãµÄweb·þÎñÆ÷ÏÂÔØ£¬Ò»¸öCDN¿ÉÒÔ´ÓÁÚ½üµÄ“±ßÔµ»º´æ£¨edge cache£©”·þÎñÆ÷Ö±½ÓÌṩ·þÎñÂú×ã¸ÃÇëÇ󣬶ø¸Ã±ßÔµ»º´æ·þÎñÆ÷¿ÉÄÜÓëÄãµÄ¿Í»§Ö»ÓÐÒ»¸öÍøÂçµ¥Ìø£¨single network hop£©Ö®Ô¶£¨Ê¹Ö®·µ»Ø·Ç³£Ö®¿ì£¬Ò²Ê¹µÃÄãµÄÍøÒ³×°ÔØ¸ü¿ì£©¡£
΢ÈíAJAX CDN¶¼Ìṩʲô£¿
΢ÈíAJAX CDN¼«´óµØ·½±ãÁ˽«jQueryºÍASP.NET AJAX½Å±¾¿â¼Óµ½ÄãµÄÍøÕ¾ÉÏ£¬¶øÇÒ×Ô¶¯µØÓÉÎÒÃÇÔÚÊÀ½ç¸÷µØµÄ³Éǧ¸öµØÀí¶¨Î»£¨geo-located£©µÄ±ßÔµ»º´æ·þÎñÆ÷À´ÌṩÕâЩ½Å±¾¡£
ÀýÈ磬Èç¹ûÄãÏëҪʹÓÃ΢ÈíAJAX CDNµÄjQuery£¬ÄãÖ»ÒªÔÚÍøÒ³ÖмÓÒ»¸öÓÃÁËÏÂÃæURLµÄ±ê×¼µÄ½Å±¾±êʶ£º
<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
ÔÚä¯ÀÀÆ÷ÇëÇó¸Ã½Å±¾Îļþʱ£¬Ëü¾Í»á×Ô¶¯µØÓÉ×î¿¿½üÖÕ¶ËÓû§µÄCDNµÄ“±ßÔµ»º´æ£¨edge cache£©”·þÎñÆ÷Ìṩ¡£ÕâÒâζ×Å£º
ÇëÇó´¦Àí±ÈÖ®·ÃÎÊÄãµÄweb·þÎñÆ÷Òª¿ìºÜ¶à£¨Ê¹µÃÖÕ¶ËÓû§µÄÍøÒ³×°ÔØ¿ìºÜ¶à£©
Äã²»±ØÖ§¸¶¸ÃÎļþµÄ´ø¿í»¨·Ñ£¬ÒòΪ¸ÃÎļþÀ´×ÔÓÉÎÒÃÇÖ§¸¶´ø¿íµÄ·þÎñÆ÷£¨¸øÄãÊ¡ÁËÇ®£©
½Å±¾¿ÉÒÔÇáËɵؿçÕ¾»º´æ£¬ÕâÒâζ×Å£¬Èç¹ûÓû§¸Õ·ÃÎÊÁËÒ»¸öÇëÇó¹ý¸ÃÎļþµÄÍøÕ¾£¬ÄÇô¸ÃÎļþ¾Í²»ÔÙÐèÒªÏÂÔØÁË£¨ÒòΪ¸ÃÎļþÒѾ´æÔÚÓÚä¯ÀÀÆ÷µÄ»º´æÖÐÁË£©
Äã¿ÉÒÔÔÚwww.asp.net/ajax/cdnÕâÀïµÃµ½ÎÒÃÇÒÑ¾ÔØÈëÎÒÃǵÄCDN»º´æµÄJavaScript¿â£¨ÒÔ¼°Ïà¹ØµÄURLs£©µÄÍêÕûÁÐ±í¡£
ÔÚ·¢²¼ÐµÄASP.NET AJAX°æ±¾Ê±£¬ÎÒÃÇ»á¸üÐÂCDNÖеĿ⣬»á¼ÌÐø¸üÐÂËüÒÔ°üÀ¨ËæASP.NETºÍVisual Studio·¢²¼µÄËùÓÐ Jav
Ïà¹ØÎĵµ£º
<style type="text/css">
<!--
.STYLE1 {
font-size: 24px;
font-weight: bold;
}
.STYLE2 {font-size: 36px}
-->
.mouseOut {
color: #000000;
}
.mouseOver {
&nb ......
<html>
<head>
<title>jQuery Ajax ʵÀýÑÝʾ</title>
</head>
<script language="javascript" src="../lib/jquery.js"></script>
<script language="javascript">
$(document).ready(function ()
{
$('#send_ajax').click(function (){
&nb ......
£¨ÒÔÏÂÀ´×ÔWIKI£©
AJAXÈ«³ÆÎª“Asynchronous JavaScript and XML”£¨Òì²½JavaScriptºÍXML£©£¬ÊÇÒ»ÖÖ´´½¨½»»¥Ê½ÍøÒ³Ó¦ÓõÄÍøÒ³¿ª·¢¼¼Êõ¡£¸ù據AjaxÌá³öÕßJesse James Garrett½¨議[1]£¬Ëü£º
ʹÓÃXHTML+CSSÀ´±íʾÐÅÏ¢£»
ʹÓÃJavaScript²Ù×÷DOM£¨Document Object Model£©½øÐ ......
ÉÏ´«Ò³ÃæÖ»ÐèÒªÒ»¸öjsÒýÓúÍjsº¯ÊýµÄµ÷Ó㬼òµ¥·½±ã£¬²»Ó°ÏìÍøÒ³ÔÓв¼¾Ö¡£
ÏÂÔØµØÖ·
µ÷ÓÃ˵Ã÷:
1.Ê×ÏÈÒýÓÃjsÎļþ
<script type="text/javascript" src="AienUpload/init.js"></script>
2.½«º¯Êýµ÷ÓÃ(showUpload(boxCtrl,inputCtrl,upPath,maxCount,fn);)°ó¶¨µ½HTMl¿Ø¼þʼþ£¬ÀýÈç
......
Õ⼸Ì칤×÷£¬ÓõÄÊÇAJAX¿ò¼Ü£¬½á¹ûµ¼³öExcel±í¸ñµÄʱºòÎÞ·¨µ¼³ö¡£
½â¾ö°ì·¨£º1¡¢ÔÚ.aspxÒ³ÃæÊ×ÐÐÖÐ<%@ Page Language="C#" AutoEventWireup="true" CodeFile="JinHuoDan.aspx.cs" Inherits="out_store_JinHuoDan" %> Ìí¼ÓEnableEventValidation="false" £»
2¡¢ÔÚUPdatePanelÖÐÌí¼Ó</ContentTemplate>
......