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Ìá½»Êý¾ÝÒ»°ã¶¼ÊÇͨ¹ýURLºó±ßµÄ²ÎÊýÐÎʽÀ´´«µÝÊý¾ÝµÄ£¬±ÈÈçʹÓÃXMLHttpRequest.open('POST', url, true);µÄ·½Ê½Ê¹ÓÃʱ£¬Æäurl²ÎÊýÖоͰüº¬ÁËÐèÒªÌá½»µÄÊý¾Ý£¬ËüµÄÐÎʽÈ磺http://www.mysite.com/handler.do?name='²Ü²Ù'&sex='ÄÐ'£¬ÊǰÑkey=valueÐÎʽµÄÊý¾Ýͨ¹ý &·ûºÅÁ¬½ÓÆðÀ´£¬ ......
±¾ÎÄÄÚÈÝÕª×Ô£º¡¶Java Web¿ª·¢½Ì³Ì——ÈëÃÅÓëÌá¸ßƪ£¨JSP+Servlet£©¡·
½»»¥µÄ»ù±¾¹ý³Ì°üÀ¨£º
l ´´½¨XMLHttpRequest¶ÔÏó£»
l ·¢ËÍÇëÇó£»
l ´¦ÀíÏìÓ¦¡£
´ ......
±¾ÎÄÄÚÈÝÕª×Ô£º¡¶Java Web¿ª·¢½Ì³Ì——ÈëÃÅÓëÌá¸ßƪ£¨JSP+Servlet£©¡·
AJAXÊÇAsynchronous JavaScript and XMLµÄËõд£¬Éæ¼°JavaScript½Å±¾¡¢XHTMLºÍCSS¡¢DOM¡¢XMLºÍXSTLµÈ¼¼Êõ¡£
l XHTMLÓëCSSʵÏÖÊý¾ÝÐÅÏ¢µÄͳһ»¯ºÍ±ê×¼»¯ÏÔʾ£»
l & ......
ajaxµÄ¹¦ÄÜÖ÷ÒªÊÇÓ¦ÓÃÔÚjsÉÏ£¬ajax¶ÔaspûʲôҪÇó£¬aspÖ»¸ºÔðÔÚºǫ́ÏÔʾ¼°²Ù×÷·þÎñ¶ËµÄÊý¾Ý¡£
¿ÉÒÔÏñÏÂÃæÕâÑù˼¿¼£º
1.д±íµ¥µÚÒ»ÏÈçÓû§Ãû£©
2.onblurʼþ(ʧȥ½¹µã)·¢Éúʱ¿ªÊ¼ÑéÖ¤£¬onblur="checkusername()"
3.js·¢Ò»¸öÇëÇó¸øµÚÒ»¸öasp(¼Ù¶¨Îªajaxusername.asp)Èç¹û´ÓÊý¾Ý¿âÖÐÕÒµ½ÁËÕâ¸öÓû§£¬¸ø³ö1 ......