´´½¨ajaxÖеÄxmlhttprequest¶ÔÏó
<html>
<body>
<script type="text/javascript">
function ajaxFunction()
{
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("ÄúµÄä¯ÀÀÆ÷²»Ö§³ÖAJAX£¡");
return false;
}
}
}
xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
{
document.myForm.time.value=xmlHttp.responseText;
}
}
xmlHttp.open("GET","time.asp",true);
xmlHttp.send(null);
}
</script>
<form name="myForm">
Óû§: <input type="text" name="username" onkeyup="ajaxFunction();" />
ʱ¼ä: <input type="text" name="time" />
</form>
</body>
</html>
Ïà¹ØÎĵµ£º
jQueryȷʵÊÇÒ»¸öͦºÃµÄÇáÁ¿¼¶µÄJS¿ò¼Ü£¬ÄܰïÖúÎÒÃÇ¿ìËٵĿª·¢JSÓ¦Ó㬲¢ÔÚÒ»¶¨³Ì¶ÈÉϸıäÁËÎÒÃÇдJavaScript´úÂëµÄϰ¹ß¡£
·Ï»°ÉÙ˵£¬Ö±½Ó½øÈëÕýÌ⣬ÎÒÃÇÏÈÀ´¿´Ò»Ð©¼òµ¥µÄ·½·¨£¬ÕâЩ·½·¨¶¼ÊǶÔjQuery.ajax()½øÐзâ×°ÒÔ·½±ãÎÒÃÇʹÓõķ½·¨£¬µ±È»£¬Èç¹ûÒª´¦Àí¸´ÔÓµÄÂß¼£¬»¹ÊÇÐèÒªÓõ½jQuery.ajax()µÄ(Õâ¸öºóÃæ»á˵µ½).
1. ......
<input type="button" onclick="ajaxTest()" value="AJAX²âÊÔ">
<input type="button" onclick=" document.getElementById('weather').innerHTML='' " value="Òþ²Ø">
<mce:script type="text/javascript"><!--
// 1. ³õʼ»¯ ÇëÇó ¶ÔÏó
// Mozilla/Firefox 쵀
//var xmlhttp = ne ......
ÆäʵajaxµÄ¶«Î÷²»ÊǺÜÊìϤ£¬¶øÇÒ¶ÔÓÚjavascriptÕâÑùÁãËéµÄÓïÑÔʵÔÚÊǺܿ¹¾Ü¡£ÓÚÊǹýÈ¥Ò»Ö±¶¼ÌÓ±ÜËü£¬ÆÈÓÚÏîÄ¿µÄѹÁ¦£¬²»µÃÒÑΩÓÐÓ²ÅöÓ²ÁË¡£ÎªÁË¿ìËÙÉÏÊÖ£¬Ö®Ç°×öÁ˼¸¸öСʵÑ飬´úÂëʵÔÚÌ«¶àÁË¡£ÐÒºÃstruts2ÌṩÁËһЩajaxµÄ¼òÒ×ʵÏÖ¡£
¸úÍøÉÏËùÓеĽ̳ÌÒ»Ñù£¬ÏÈ´Ó×î¼òµ¥µÄ¿ªÊ¼°É~
ÔÚÍ·½áµã¼ÓÉÏ<s:head theme="ajax"/&g ......
APS.NETÒ¹»°µÄÀý×Ó¼ÓÔØºó±¨´íÈçÏ£º
System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35´íÎó
ÔÒòÊÇδÄܼÓÔØÎļþ»ò³ÌÐò¼¯ system.web.extensions
½â¾ö°ì·¨:
1,Èç¹ûÄãµÄ³ÌÐòÔËÐÐÔÚÄãÄÜ¿ØÖƵķþÎñÆ÷ÉÏ£¬ÄÇô°²×°asp.net ajax¾ÍÐÐÁË£¬ÕâÊÇSystem.Web.ExtensionsµÈdll×öΪGAC² ......
jQueryѧϰ±Ê¼Ç
Ìá½»form±íµ¥Ö®ºó£¬²»»áË¢ÐÂÒ³Ãæ£¬¶øÊǾֲ¿Ë¢Ð£¬ÓûÌá½»µÄformÖ»ÒªÓÐid¼´¿É
Èç¹ûʹÓÃgetÇëÇó£¬×¢ÒâÖÐÎÄÂÒÂëÎÊÌ⣬jquery»áÏÈʹÓÃiso8859-1½âÂ룬Ȼºó·¢¸ø·þÎñÆ÷£¬Èç¹ûʹÓÃpostÇëÇó£¬ÔòÖ±½Ó½«ÖÐÎÄÄÚÈÝÌá½»¸ø·þÎñÆ÷½âÎö¡£
ʹÓÃjquery-1.4.2.jsºÍjquery.form.js²å¼þ¡£
Èç¹û´´½¨ÐµÄjsÎļþÖУ¬ÐèÒª¼ÓÉÏ
doc ......