作者利用春节假期休息之余，购买了一些软件书籍，并决定深入研究Ajax技术。通过学习，初步了解了Ajax加载文档的生命周期，发现不同浏览器对文档加载的显示过程虽有所不同，但最终结果一致。
过年放假差不多半个月，在家呆着好舒服，真是有点不想回来，回来又要面对新一年的工作，自己想想又要拼搏一年了。感觉自己肩上的责任比去年大多了。
到五一钱可能不用出差了，感慨一下：终于可以过正常人的生活了！
过年没给自己买什么，买了点关于软件的书，先研究ajax吧。
先总结一下自己假期学的：关于ajax加载文档的生命周期。
我们可以从这个程序中看出，不同浏览器对加载文档的输出不一样，但是最后的结果却是一样。
<html>
<head>
<script type='text/javascript'>
var req=null;
var console=null;
function sendRequest(url,params,HttpMethod){
if(!HttpMethod){
HttpMethod="GET";
}
req=initXMLHTTPRequest();
if(req){
req.onreadystatechange=onReadyState;
req.open(HttpMethod,url,true);
//req.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
req.send(params);
}
}
function initXMLHTTPRequest(){
var xRequest=null;
if(window.XMLHttpRequest){
xRequest=new XMLHttpRequest();
} else if(window.ActiveXObject){
xRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
return xRequest;
}
function onReadyState(){
var ready=req.readyState;
var data=null;
if(ready==4){
data.responseText;
}else{
data="loading ["+ready+"]";
}
toconsole(data);
}
function toconsole(data){
if(console!=null){
var newline=document.createElement("div");
console.appendChild(newline);
var txt=document.createTextNode(data);
newline.appendChild(txt);
}
}
window.onload=function(){
console=document.getElementById('console');
sendRequest("data.txt");
}
</script>
</head>
<body id='console'></div>
</body>
</html>
到五一钱可能不用出差了，感慨一下：终于可以过正常人的生活了！
过年没给自己买什么，买了点关于软件的书，先研究ajax吧。
先总结一下自己假期学的：关于ajax加载文档的生命周期。
我们可以从这个程序中看出，不同浏览器对加载文档的输出不一样，但是最后的结果却是一样。
<html><head><script type='text/javascript'>var req=null;var console=null;function sendRequest(url,params,HttpMethod){if(!HttpMethod){HttpMethod="GET";}req=initXMLHTTPRequest();if(req){req.onreadystatechange=onReadyState;req.open(HttpMethod,url,true);//req.setRequestHeader("Content-Type","application/x-www-form-urlencoded");req.send(params);}}function initXMLHTTPRequest(){var xRequest=null;if(window.XMLHttpRequest){xRequest=new XMLHttpRequest();} else if(window.ActiveXObject){xRequest = new ActiveXObject("Microsoft.XMLHTTP");}return xRequest;}function onReadyState(){var ready=req.readyState;var data=null;if(ready==4){data.responseText;}else{data="loading ["+ready+"]";}toconsole(data);}function toconsole(data){if(console!=null){var newline=document.createElement("div");console.appendChild(newline);var txt=document.createTextNode(data);newline.appendChild(txt);}}window.onload=function(){console=document.getElementById('console');sendRequest("data.txt");}</script></head><body id='console'></div></body></html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
