AjaxÀúÏÕ¼Ç 1
½ñÌì³Á˶ÎÊéÉÏС´úÂ룬´úÂëÈçÏÂ
<html>
<head>
<script type="text/javascript" src="zxml.src.js"></script>
<script type="text/javascript">
function start() {
var oXmlHttp = zXmlHttp.createRequest();
oXmlHttp.open("get", "info11.txt", true);
oXmlHttp.onreadystatechange = function () {
if (oXmlHttp.readyState == 4) {
if (oXmlHttp.status==200) {
alert(oXmlHttp.responseText);
} else {
alert(oXmlHttp.statusText+oXmlHttp.status);
}
}
};
oXmlHttp.send(null);
}
</script>
</head>
<body>
<input type="button" value="button" onclick="start()" />
</body>
</html>
ÓÃFFÅÜÍêȫûÓÐÎÊÌ⣬IE8,IE6È«²¿³ö´í
´íÎóÌáʾÈçÏÂ
ÍøÒ³´íÎóÏêϸÐÅÏ¢
Óû§´úÀí: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; GTB6.4; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.1)
ʱ¼ä´Á: Thu, 22 Apr 2010 10:07:40 UTC
ÏûÏ¢: ¶ÔÏó²»Ö§³Ö´Ë²Ù×÷
ÐÐ: 23
×Ö·û: 1
´úÂë: 0
URI: http://localhost:8080/myajax/myajax.htm
23ÐжÔÓ¦´ËÐУº<input type="button" value="button" onclick="start()" />
°ÑjsÈ«²¿É¾³ý£¬Ö»Áô¿Õ·½·¨£¬Í¬Ñù±¨´í£¬¸Ä·½·¨ÃûΪfindTxt();
OK~~~˳ÀûÖ´ÐÐ
ÄѵÀieÖÐstart()ÊÇÄÚÖ÷½·¨£¿ps£ºÅÜie6ÊÇÔÚÐéÄâ»úÖУ¬ËùÒÔÓ¦¸ÃÅųýÁËϵͳÎÊÌâµÄ¿ÉÄÜ
¾ßÌåÔÒòÁô´ýÒÔºó·ÖÎö¡£ Èç¹ûÓÐÖªÇéÕߣ¬ÍûÄÜÁôÑÔÏà¸æ£¡
ÍêÃÀ½â¾öµÄ·Ö¸îÏß
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
²¥·Åʼþ£º
¡¡¡¡Óï·¨£ºstart=fileopen¡¢mouseover
¡¡¡¡ËµÃ÷£º¸ÃÊôÐԹ涨ÁËÎļþ²¥·ÅµÄʼþ£¬È±Ê¡ÖµÊÇfileopen¡£Ò²¿ÉÒÔÁ½ÕßͬʱÉèÖá£ÁíÍ⣬ÓÃÊó±êÔÚ²¥·ÅÇøÓòµã»÷һϣ¬Ò²½«Áîä¯ÀÀÆ÷¿ªÊ¼²¥·Å¸ÃÎļþ¡£
¡¡¡¡fileopen£ºÎļþ´ò¿ªÊ±£»
¡¡¡¡mouseover£ºÊó±êÒÆµ½²¥·ÅÇøÓòÉÏʱ¡£
Ïà¹ØÎĵµ£º
Ajax±íµ¥Ìá½»Êý¾Ý³öÏÖÂÒÂëºÍ½â¾ö°ì·¨
//Òª´«µÝµÄ²ÎÊý
var queryString = "firstName=" + firstName + "&lastName=" + lastName
&nbs ......
´úÂëÏÂÔØ£º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& ......
×òÌì¿´ÁËÆª²»ÊǺÜÑϽ÷µÄ²©ÎÄ¡¶Ò»¸öËãÃüС͵³ÌÐòµÄµ®Éú¡·£¬ÀïÃæÐ´ÁËÒ»¸öͨ¹ýAJAX͵ÇÔ±ðÈËÍøÕ¾Ëã·¨µÄ·½·¨¡£Êµ¼ùÁËһϸù±¾²»ÐУ¬AJAXËÆºõ²»ÄÜ¿çÓò¡£
ºóÀ´ÎÒÏëÁËһЩ½â¾ö·½·¨£¬ÖÕÓÚ¿çÓò³É¹¦¡£ÏÖÔÚ¹«²¼Ò»Ï·½·¨¡£
ÈÎÎñ£ºÔÚ×Ô¼ºÍøÕ¾×ö¸ö±íµ¥£¬Ïò¡ ......
1.Using jQuery with ASP
.NET
http://dotnetslackers.com/articles/ajax/using-jquery-with-asp-net.aspx
°üÀ¨jQueryÔõôµ÷ÓÃasp.net web service
2.jQuery and ASP.NET AJAX
UpdatePanel
http://www.dotnetfunda.com/articles/article471-jquery-and-aspnet-ajax-updatepanel.aspx
²¿·Ö¸üкóÔõô±£³ÖjQueryÓ¦Ó ......