Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

jQuery AJAX µ÷ÓÃWCF·þÎñʵÏÖµÄ×Ô¶¯Íê³É¿Ø¼þ

´úÂëÏÂÔØ£ºhttp://code.google.com/p/ajaxautocomplete/downloads/list
 
Auto CompleteµÄjQuery¿Ø¼þ¡£
Ê×ÏÈÊÇÐèÒªÉè¼ÆÏÂÎÒÃǵÄDIV×îºóÓ¦¸ÃÏÔʾ³ÉʲôÑù×Ó,ÎÒµÄCSS²»Õ¦µØ¡£Ï¹ÍæÄØ¡£Ñù×ÓÈçÏ£º
Ê×ÏÈÊÇÒ»¸öDIV£¬È»ºóÊÇÌí¼ÓÒ»¸öulºÍ¼¸¸öli tag:
<div id="nav">
<ul>
<li><a>Text1 field1</a></li>
<li><a>Text1 field2</a></li>
<li><a>Text1 field3</a></li>
<li><a>Text1 field4</a></li>
<li><a>Text1 field5</a></li>
</ul>
</div>

NavµÄCSSÑùʽ£º
LiÏÂÃæµÄa±êǩΪÁËÈÃËüÓе㶯̬Ч¹û£¬ÎÒÈÃËüµÄ×óÓÒborderÔÚÊó±ê·ÅÉÏȥʱ·¢Éú±ä»¯¡£
½ÓÏÂÀ´ÊÇÈçºÎʹÓÃjQueryÀ´´´½¨Ò»¸öÉÏÃæÉè¼Æ³öÀ´µÄDIV,²¢°ÑËüµÄλÖ÷ŵ½Ò»¸öinput±êÇ©ÏÂÃæ¡£
Ê×ÏÈÊǰÑCSS¶¨Òå³É×Ö·û´®£º
ÕâÀïÐèҪעÒâµÄÊÇ£ºÎÒÃÇÐèÒªÓõ½Ò»¸öº¯ÊýÀ´ÎªÃ¿¸ö¿Ø¼þÌí¼ÓStyle£º
 
 
  String.format =
function() {
var currentString = null;
if (arguments.length != 0) {
currentString = arguments[0];
for (var argumentIndex = 1; argumentIndex < arguments.length; argumentIndex++) {
var modifiedString = new RegExp('\\{' + (argumentIndex - 1) + '\\}', 'gm');
currentString = currentString.replace(modifiedString, arguments[argumentIndex]);
}
}

  
ÏÂÃæÊÇͨ¹ýʹÓÃString.formatº¯ÊýºÍjQueryµÄһЩ·½·¨À´´´½¨ºÃDIV£¬²¢Ìí¼Óµ½bodyÉÏ¡£
 
µ±µã»÷ijÌõ¼Ç¼ʱӦ¸Ã°Ñµ±Ç°±»µã»÷µÄLi µÄtext¸³Öµ¸øtext field À´ÏÔʾ£º
 
×îºóÊÇÕÒµ½DIVÓ¦¸ÃÔÚµÄλÖò¢°ÑËüÏÔʾ³öÀ´£º
 
Ч¹û£º
 
 Íê³ÉÁËÉÏÃæµÄJavaScriptµÄ±àд£¬ÏÂÃæÊÇÈçºÎʹÓÃWCF Data ServiceÀ´×÷ΪjQueryµÄAJAXµÄµ÷ÓöÔÏó¡£
ÎÒÇ°ÃæÓм¸ÆªÎÄÕÂÊǽéÉÜjQ


Ïà¹ØÎĵµ£º

×ß½øajax´óÃÅ »ù´¡


AJAX Ö¸Òì²½ JavaScript ¼° XML£¨Asynchronous JavaScript And XML£©¡£
ÄúÓ¦µ±¾ß±¸µÄ»ù´¡ÖªÊ¶
ÔÚ¼ÌÐøÑ§Ï°Ö®Ç°£¬ÄúÐèÒª¶ÔÏÂÃæµÄ֪ʶÓлù±¾µÄÁ˽⣺
HTML / XHTML
JavaScript
AJAX = Òì²½ JavaScript ¼° XML£¨Asynchronous JavaScript and XML£©
AJAX ²»ÊÇÒ»ÖÖеıà³ÌÓïÑÔ£¬¶øÊÇÒ»ÖÖÓÃÓÚ´´½¨¸üºÃ¸ü¿ìÒÔ¼°½»»¥ÐÔ¸üÇ¿µ ......

Ajax±àÂëºÍAjaxÂÒÂë½â¾ö

AJAXÂÒÂë½â¾ö
   ÓùýAJAXµÄÅóÓѿ϶¨ÖªµÀjavascriptÊÇʹÓÃUTF-8¹ú¼Ê±àÂ룬¼´Ã¿¸öºº×ÖÓÃ4¸ö×Ö½ÚÀ´´æ´¢£¬µ«ÊÇÕâ¾ÍÔì³ÉÁËÓÃAJAXÀ´sendÊý¾ÝµÄʱºò³öÏÖÂÒÂë¡£
AjaxÂÒÂë²úÉúÖ÷ÒªÓÐ2¸öÔ­Òò
1. xtmlhttp ·µ»ØµÄÊý¾ÝĬÈϵÄ×Ö·û±àÂëÊÇutf-8£¬Èç¹ûÇ°Ì¨Ò³ÃæÊÇgb2312»òÕ߯äËü±àÂëÊý¾Ý¾Í»á²úÉúÂÒÂë
2. post·½·¨Ìá½»Êý¾Ý ......

¼òµ¥µÄAJAXÊÖ¹¤·¶Àý

Client¶Ë
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <script language="javascript">
  var XmlHttp=new ActiveXObject("Microsoft.XMLhttp");
  
  function sendAJAX()
  {
 &nb ......

AJAX ÏÂÔØ °²×° ÅäÖÃ

Ò».¹¤¾ßÏÂÔØ
1.ASPAJAXExtSetup.msi
http://download.microsoft.com/download/5/4/6/5462bcbd-e738-45fa-84ca-fa02b0c4e1c2/ASPAJAXExtSetup.msi
2.ASPAJAXSourceCode.msi
http://download.microsoft.com/download/6/d/6/6d6c7c47-b9ff-4934-bb03-8a45b8418d35/ASPAJAXSourceCode.msi
3.AjaxControlToolkit
http://ww ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ