ajaxは何ですか
//転載自己http://zhidao.baidu.com/question/155242272.html
「
//転載自己http://zhidao.baidu.com/question/12341196.html
「
「
AJAX 。
: ， ， ， AJAX ， txtUserName ， JS 。JS xmlHttpRequest 。 。 “ !”。//転載自己http://zhidao.baidu.com/question/12341196.html
「
Ajax ， 。 Ajax ，Web / / ， “ ” 。Ajax ， / 。 Ajax， ， JavaScript DHTML UI， ， 。 ， JavaScript CSS UI， 。 ， ：Web 。
Ajax ， 。 Web ， HTML/CSS/JavaScript “ （desktop-like）” 。
， J2EE ， ， 。 J2EE ， ，“ UI ” “ HTML ”。 ， Web ， ：
BackPack
Google Suggest
Google Maps
PalmSphere
Web ，Web 。 。 ， ， 。
Ajax
Adaptive Path Jesse James Garrett Ajax：
Ajax 。 ， 。Ajax ：
XHTML CSS ；
Document Object Model ；
XMLHttpRequest ；
JavaScript 。
， Ajax ？ Ajax Jesse James Garrett ， “Asynchronous JavaScript + XML ”。
Ajax
Ajax JavaScript XmlHttpRequest。 Internet Explorer 5 ， 。 ，XmlHttpRequest JavaScript ， 。
Web ， 。 Ajax ：
， Update 。
， 。 ， Amazon ， ， ， 32K 。 Ajax ， ， 。
。 ， Ajax ， Next， 。
， 。 Ajax， Edit ， 。 Done ， Ajax ， ， 、 。
！ Ajax 。 ， ， Web ， / / ， Ajax 。
Ajax ？—— ：MSN Money
， MSN Money ， 。 “Rate this article”（ ） ， 。 vote ， ， 。
Ajax ， UI， 。 ， ， ， 。 Ajax， 500 ， 26,813 。 Internet， 26K 1/2K 。 ， ， 。
Ajax 。
Ajax： XmlHttpRequest
，Ajax JavaScript XmlHttpRequest。 Ajax ：http://tearesolutions.com/ajax-demo/raw-ajax.html。 ： WebLogic ajax-demo.war， http://localhost:7001/ajax-demo/raw-ajax.html，
， ， 。 ， ， 。
， ， JavaScriptcastVote(rank) 。 function castVote(rank) {
var url = "/ajax-demo/static-article-ranking.html";
var callback = processAjaxResponse;
executeXhr(callback, url);
}
URL executeXhr， JavaScript ， ， 。 Apache ，“cast vote URL” HTML 。 ， URL 。
XmlHttpRequest ： function executeXhr(callback, url) {
// branch for native XMLHttpRequest object
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
req.onreadystatechange = callback;
req.open("GET", url, true);
req.send(null);
} // branch for IE/Windows ActiveX version
else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
if (req) {
req.onreadystatechange = callback;
req.open("GET", url, true);
req.send();
}
}
}
， XmlHttpRequest ， 。 ， JavaScript ， 。 ， XmlHttpRequest 。 ， Internet Explorer， ActiveX 。
executeXhr() ：
req.onreadystatechange = callback;
req.open("GET", url, true);
JavaScript ， ， req.open() “true” 。
XmlHttpRequest ， req.onreadystatechange 。 function processAjaxResponse() {
// only if req shows "loaded"
if (req.readyState == 4) {
// only if "OK"
if (req.status == 200) {
502 502'votes').innerHTML = req.responseText;
} else {
alert("There was a problem retrieving the XML data:
" +
req.statusText);
}
}
}
， ， 。 ， （ http://developer.apple.com/internet/webcontent/xmlhttpreq.html） XmlHttpRequest 。
onreadystatechange
readyState
：
0 = （uninitialized）
1 = （loading）
2 = （loaded）
3 = （interactive）
4 = （complete）
responseText
responseXML
DOM
status
， 404（ ） 200（ ）
statusText
processVoteResponse() 。 XmlHttpRequest （readyStatus == 4）， 。 （status == 200）, innerHTML DOM “votes” 。
XmlHttpRequest ， JavaScript Java 。
Ajax: DWR
， Direct Web Remoting（DWR） 。
， / 。 ， 。 ， ， Web 。 ， HTML ， 。 ， Spring Framework ， “ ” DWR。
。 WAR ， Web —— 。 ， http://localhost:7001/ajax_demo/dwr-ajax.html 。
HTML ， 。 ， —— JavaScript ajaxSampleSvc 。 ，ajaxSampleSvc ！ ， 。
DWR
“ Ajax” ， XmlHttpRequest 。 JavaScript ， Ajax ， 。
DWR Web 。 Java ， Web ， JavaScript 。 Spring Framework ， Web bean。
DWR ， ， JavaScript ， Web 。 Web JavaScript ， ；DWR Ajax 。