ajaxµÄÁбíÁª¶¯Ê¾Àý
ajaxµÄÁбíÁª¶¯Ê¾Àý
1¡¢ ÊäÈëÓò£º
ÇëÑ¡ÔñÊ¡£º
<select id="sel1" onchange="return choose(this);">
<option value="">--ÇëÑ¡Ôñ--</option>
<option value="1">ºþÄÏÊ¡</option>
<option value="2">ºþ±±Ê¡</option>
</select>
ÇëÑ¡ÔñÊУº
<select id="sel2">
<option value="">--ÇëÑ¡Ôñ--</option>
</select>
2¡¢ JavaScript½Å±¾£º
var xmlHttp;
//´´½¨XMLHttpRequest¶ÔÏó
function createXMLHttpRequest() {
if(window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpReuqest();
}
}
//Ñ¡ÔñÏÂÁÐÁбíÖеÄÖµ
function choose(obj) {
var province = obj.value;
createXMLHttpRequest();
xmlHttp.onreadystatechange = process;
xmlHttp.open("GET", "SelProvince?province=" + province);
xmlHttp.send(null);
}
//ÓÃÀ´´¦Àí״̬¸Ä±äµÄº¯Êý
function process() {
//¶¨ÒåÒ»¸ö±äÁ¿ÓÃÓÚ´æ·Å´Ó·þÎñÆ÷·µ»ØµÄÏìÓ¦½á¹û
var result;
if(xmlHttp.readyState == 4) { //Èç¹ûÏìÓ¦Íê³É
&
Ïà¹ØÎĵµ£º
ÉÏÃæһƪ²©ÎÄ<<Ajax·ÃÎÊXml Web ServiceµÄ°²È«ÎÊÌâÒÔ¼°½â¾ö·½°¸>>ÖÐ̸¼°xml web serviceÓëwcfÐÂÀϼܹ¹¶ÔÓÚajax°²È«ÐÔµÄÎÊÌâ,µÃ³öÁ˽áÂÛ,µ«Ã»ÓоßÌåÑéÖ¤,±¾ÎÄÕýÊÇΪÁËÑéÖ¤ÉÏÎÄÖйØÓÚмܹ¹MEX½áµãÓëÒµÎñÖÕ½áµã·ÖÀë¸üÓÐÀûÓÚ·þÎñ°²È«µÄ½áÂÛ,²¢ÉÔ´ø׎²ÊöÈçºÎÔÚvs2008ÖÐÓÃajaxÓëwcf½øÐн»»¥.
µÚÒ»²½: ÔÚvs2008ÖÐ ......
±¾ÎÄÄÚÈÝÕª×Ô£º¡¶Java Web¿ª·¢½Ì³Ì——ÈëÃÅÓëÌá¸ßƪ£¨JSP+Servlet£©¡·
ÏÂÃæÒÔ×¢²á¹ý³ÌÖÐÓû§ÃûÊÇ·ñ´æÔÚµÄÑé֤ΪÀý½éÉÜAJAXµÄÓ¦Óá£
¹¦ÄÜÃèÊö£ºÓû§×¢²áµÄÓû§Ãû²»ÔÊÐíÖظ´£¬ËùÒÔÔÚÓû§ÌύʱºòÐèÒªÅжϡ£ÎªÁËÈÃÓû§ÔçÖªµÀ½á¹û£¬ÔÚÓû§ÊäÈëÓû§ÃûÖ®ºó¾ÍÓ¦¸Ã½øÐÐÅжϣ¬¿ÉÒÔ²ÉÓÃAJAX½øÐд¦Àí¡£
¼ÙÉ裺ΪÁ˼ò»¯´ú ......
ajaxµÄ¹¦ÄÜÖ÷ÒªÊÇÓ¦ÓÃÔÚjsÉÏ£¬ajax¶ÔaspûʲôҪÇó£¬aspÖ»¸ºÔðÔÚºǫ́ÏÔʾ¼°²Ù×÷·þÎñ¶ËµÄÊý¾Ý¡£
¿ÉÒÔÏñÏÂÃæÕâÑù˼¿¼£º
1.д±íµ¥µÚÒ»ÏÈçÓû§Ãû£©
2.onblurʼþ(ʧȥ½¹µã)·¢Éúʱ¿ªÊ¼ÑéÖ¤£¬onblur="checkusername()"
3.js·¢Ò»¸öÇëÇó¸øµÚÒ»¸öasp(¼Ù¶¨Îªajaxusername.asp)Èç¹û´ÓÊý¾Ý¿âÖÐÕÒµ½ÁËÕâ¸öÓû§£¬¸ø³ö1 ......
/*
κÑÔAJAX Àà
ʹÓ÷½·¨:
<mce:script type="text/javascript"><!--
var classAjax = new Ajax(sUrl,sRecvTyp,sQueryString,oResultFunc);
classAjax.post();//post·½Ê½·¢ËÍÊý¾Ý
classAjax.get();//get·½Ê½·¢ËÍÊý¾Ý
//sUrl·¢Ë͵ØÖ·
//sRecvTyp ½ÓÊÜÊý¾ÝÀàÐÍ:0Ϊxml 1Ϊtext
//oResultFunc ·µ»Ø½á¹û´¦Àíº ......
ajax½øÐÐÓû§µÄÓÐЧÐÔ¼ì²âʾÀý
1¡¢ ÊäÈëÓò£º
»áÔ±µÄÓÐЧÐÔ¼ì²é£º
<input type="text" name="username"> <input type="button" value="¼ì²é" onclick="return check();">
2¡¢ JavaScript½Å±¾£º
var xmlHttp;
//´´½¨XMLHttpRequest ......