涓�銆?/p>
Ajax
1
銆?/p>
Ajax
鏄粈涔?/p>
?
濡備綍鍒涘缓涓�涓?/p>
Ajax
锛?/p>
Ajax
骞朵笉绠楁槸涓�绉嶆柊鐨勬妧鏈紝鍏ㄧО鏄?/p>
asynchronous
javascript
and
xml
锛屽彲浠ヨ鏄凡
鏈夋妧鏈殑缁勫悎锛?/p>
涓昏鐢ㄦ潵瀹炵幇瀹㈡埛绔笌鏈嶅姟鍣ㄧ鐨勫紓姝ラ�氫俊鏁堟灉锛?/p>
瀹炵幇椤甸潰鐨勫眬閮ㄥ埛鏂帮紝
鏃?/p>
鏈熺殑娴忚鍣ㄥ苟涓嶈兘鍘熺敓鏀寔
ajax
锛屽彲浠ヤ娇鐢ㄩ殣钘忓抚锛?/p>
iframe
锛夋柟寮忓彉鐩稿疄鐜板紓姝ユ晥鏋滐紝鍚?/p>
鏉ョ殑娴忚鍣ㄦ彁渚涗簡瀵?/p>
ajax
鐨勫師鐢熸敮鎸?/p>
浣?/p>
鐢?/p>
ajax
鍘?/p>
鐢?/p>
鏂?/p>
寮?/p>
鍙?/p>
閫?/p>
璇?/p>
姹?/p>
涓?/p>
瑕?/p>
閫?/p>
杩?/p>
XMLHttpRequest(
鏍?/p>
鍑?/p>
娴?/p>
瑙?/p>
鍣?/p>
)
銆?/p>
ActiveXObject(IE
娴忚鍣?/p>
)
瀵硅薄瀹炵幇寮傛閫氫俊鏁堟灉
鍩烘湰姝ラ锛?/p>
var xhr =null;//
鍒涘缓瀵硅薄
if(window.XMLHttpRequest){
xhr = new XMLHttpRequest();
}else{
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
xhr.open(鈥滄柟寮忊�?鈥濆湴鍧�鈥?鈥濇爣蹇椾綅鈥?;//鍒濆鍖栬姹?/p>
xhr.setRequestHeader(鈥溾�?鈥濃�?;//璁剧疆
http
澶翠俊鎭?/p>
xhr.onreadystatechange =function(){}//
鎸囧畾鍥炶皟鍑芥暟
xhr.send();//
鍙戦�佽姹?/p>
js
妗嗘灦
锛?/p>
jQuery/EXTJS
绛夛級
鎻愪緵鐨?/p>
ajax API
瀵瑰師鐢熺殑
ajax
杩涜浜嗗皝瑁咃紝
鐔熸倝浜嗗熀纭�
鐞嗚锛屽啀瀛︿範鍒殑妗嗘灦灏变細寰楀績搴旀墜锛屽ソ澶氶兘鏄崲姹や笉鎹㈣嵂鐨勫唴瀹?/p>
2
銆佸悓姝ュ拰寮傛鐨勫尯鍒?/p>
?
鍚屾锛氶樆濉炵殑
-
寮犱笁鍙潕鍥涘幓鍚冮キ锛屾潕鍥涗竴鐩村繖寰椾笉鍋滐紝寮犱笁涓�鐩寸瓑鐫�锛岀洿鍒版潕鍥涘繖瀹屼袱涓汉涓�鍧楀幓鍚冮キ
=
娴忚鍣ㄥ悜鏈嶅姟鍣ㄨ姹傛暟鎹紝鏈嶅姟鍣ㄦ瘮杈冨繖锛屾祻瑙堝櫒涓�鐩寸瓑鐫�锛堥〉闈㈢櫧灞忥級
锛岀洿鍒版湇鍔″櫒杩斿洖
鏁版嵁锛屾祻瑙堝櫒鎵嶈兘鏄剧ず椤甸潰
寮傛锛氶潪闃诲鐨?/p>
-
寮犱笁鍙潕鍥涘幓鍚冮キ锛屾潕鍥涘湪蹇欙紝寮犱笁璇翠簡涓�澹扮劧鍚庤嚜宸卞氨鍘诲悆楗簡锛屾潕鍥涘繖瀹屽悗鑷繁鍘诲悆
=
娴忚鍣ㄥ悜鏈嶅姟鍣ㄨ姹傛暟鎹紝鏈嶅姟鍣ㄦ瘮杈冨繖锛屾祻瑙堝櫒鍙互鑷鐨勫共鍘熸潵鐨勪簨鎯咃紙鏄剧ず椤甸潰锛?/p>
锛?/p>
鏈嶅姟鍣ㄨ繑鍥炴暟鎹殑鏃跺�欓�氱煡娴忚鍣ㄤ竴澹帮紝娴忚鍣ㄦ妸杩斿洖鐨勬暟鎹啀娓叉煋鍒伴〉闈紝灞�閮ㄦ洿鏂?/p>
3
銆佸浣曡В鍐宠法鍩熼棶棰?/p>
?
鐞嗚В璺ㄥ煙鐨勬蹇碉細鍗忚銆佸煙鍚嶃�佺鍙ｉ兘鐩稿悓鎵嶅悓鍩燂紝鍚﹀垯閮芥槸璺ㄥ煙
鍑轰簬瀹夊叏鑰冭檻锛屾湇鍔″櫒涓嶅厑璁?/p>
ajax
璺ㄥ煙鑾峰彇鏁版嵁锛屼絾鏄彲浠ヨ法鍩熻幏鍙栨枃浠跺唴瀹癸紝鎵�浠?