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) { //Èç¹ûÏìÓ¦Íê³É
&
Ïà¹ØÎĵµ£º
1.Ajax Rain
¡¡¡¡AjaxRainÓкܶàÍêÃÀÕûºÏAJAX, CSS, DHTML »ò JavascriptµÄʵÀý£¬ÓÐһЩDemoµÄÈ·ÖµµÃÄãÈ¥¿´Ò»¿´£¬¼´Ê¹Äã²»ÊÇÍøÒ³Éè¼Æ(¿ª·¢)ʦ¡£
Ajax/JavascriptʵÀý:
EXT JS Date Picker
jQuery Feed Menu
jGrowl
FastFind Menu – Jquery
Spiffy Accordion
2.Ajax Daddy
¡¡¡ ......
var jsonObj;
var xmlhttp = null;
function callAsync(url, callbackSuccess)
{
xmlhttp = new Ajax();
xmlhttp.open("GET", url, true);
xmlhttp.onreadystatechange=function()
{
// readyState = 4 ; "complete"
if (xmlhttp.readyState==4)
{ ......
ÉÏÃæÒ»Æª²©ÎÄ<<Ajax·ÃÎÊXml Web ServiceµÄ°²È«ÎÊÌâÒÔ¼°½â¾ö·½°¸>>ÖÐ̸¼°xml web serviceÓëwcfÐÂÀϼܹ¹¶ÔÓÚajax°²È«ÐÔµÄÎÊÌâ,µÃ³öÁ˽áÂÛ,µ«Ã»ÓоßÌåÑéÖ¤,±¾ÎÄÕýÊÇΪÁËÑéÖ¤ÉÏÎÄÖйØÓÚмܹ¹MEX½áµãÓëÒµÎñÖÕ½áµã·ÖÀë¸üÓÐÀûÓÚ·þÎñ°²È«µÄ½áÂÛ,²¢ÉÔ´ø×޲ÊöÈçºÎÔÚvs2008ÖÐÓÃajaxÓëwcf½øÐн»»¥.
µÚÒ»²½: ÔÚvs2008ÖÐ ......
ÔÚ¿´ÎÄÕÂǰ£¬ÏÈÖ¸¶¨Ò»¸öͨÓõıäÁ¿xhr£¬xhr´úÂëajax¶ÔÏó¡£
²âÊÔä¯ÀÀÆ÷£ºieΪie6£¬firefoxΪ2£¬ÆäËûµÄδ²âÊÔ¡£Í³³Æie6Ϊie£¬firefox2Ϊff¡£
»ù±¾µÄ
1£¬×î¾µäµÄ¾ÍÊÇieÏµĻº´æÎÊÌâÁË¡£
Èç¹ûʹÓõÄÊÇget£¬ÄÇôÔÚieϳöÏÖ»º´æÎÊÌâ¡£µ¼Ö´úÂëÖ»Ö´ÐÐÒ»´Î¡£½â¾ö°ì·¨¾ÍÊǼÓʱ¼ä´Á»òÕßËæ»úÊý£¬Ê¹url±äΪΨһ£¬ÕâÑù¾Í²»»á³öÏÖ ......