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.netÒì²½ÉÏ´«Îļþ
1.ÔÚ
protected void Page_Load(object sender, EventArgs e)
{
Ajax.Utilit ......
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 ......
Ò».¹¤¾ßÏÂÔØ
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 ......
Ê×ÏȽéÉÜÒ»ÏÂJavaScript£º
JavaScirpt ÊÇÒ»ÖÖ¿ÉÒÔÓÃÀ´¸øÍøÒ³Ôö¼Ó½»»¥ÐԵıà³ÌÓïÑÔ¡£³£³£»á¿´µ½JavaScript±»³ÆΪ“½Å±¾ÓïÑÔ”£¨Scripting language£©£¬Õⰵʾ×ÅËü¸üÊʺϱàд½Å±¾¶ø²»ÊdzÌÐò¡£Õâʵ¼ÊÉϲ¢Ã»Óиú²»ÉϵIJîÒì¡£JavaScript½Å±¾Ò²ÊÇÒ»ÖÖ³ÌÐò£¬Ëü°üº¬ÔÚHTMLÒ³ÃæÉÏ£¬ÒòΪ½Å±¾Îı¾°üΧÔÚ<Script>±êÇ©Ö ......
jQuery ÊÇʲô£¿
Çë·ÃÎÊ Ajax ¼¼Êõ×ÊÔ´ÖÐÐÄ£¬ÕâÊÇÓÐ¹Ø Ajax ±à³ÌÄ£ÐÍÐÅÏ¢µÄһվʽÖÐÐÄ£¬°üÀ¨ºÜ¶àÎĵµ¡¢½Ì³Ì¡¢ÂÛ̳¡¢blog¡¢wiki ºÍÐÂÎÅ¡£ÈκΠAjax µÄÐÂÐÅÏ¢¶¼ÄÜÔÚÕâÀïÕÒµ½¡£
jQuery ÓÉ John Resig ´´½¨ÓÚ 2006 Äê³õ£¬¶ÔÓÚÈκÎʹÓà JavaScript ´úÂëµÄ³ÌÐòÔ±À´Ëµ£¬ËüÊÇÒ»¸ö·Ç³£ÓÐÓÃµÄ JavaScript ¿â¡£ÎÞÂÛÄúÊǸոսӴ¥ Java ......