javascript - js DOM编程艺术关于ajax不太理解的地方
本文介绍了javascript - js DOM编程艺术关于ajax不太理解的地方的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<!DOCTYPE html>
<html>
<head>
<title>Ajax</title>
</head>
<body>
<div id = "new"></div>
<script type="text/javascript" src = "scripts/addLoadEvent.js"></script>
<script type="text/javascript" src = "scripts/getHTTPObject.js"></script>
<script type="text/javascript" src = "scripts/getNewContent.js"></script>
</body>
</html>
function addLoadEvent(func){
if( typeof window.onload != "function"){
window.onload = func;
}else{
window.onload = function(){
oldload();
func();
}
}
}
function getHTTPObject(){
if(typeof XMLHttpRequest == "undefined"){
XMLHttpRequest = function(){
try { return new ActiveXObject("Msxml2.XMLHTTP.6.0");}
catch(e){}
try { return new ActiveXObject("Msxml2.XMLHTTP.3.0");}
catch(e){}
try { return new ActiveXObject("Msxml2.XMLHTTP");}
catch(e){}
return false;
}
}
return new XMLHttpRequest();
}
function getNewContent(){
var request = getHTTPObject();
if(request) {
request.open("GET", "example.txt", true);
request.onreadystatechange = function(){
if(request.readyState == 4) {
var para = document.createElement("p");
var txt = document.createTextNode(request.responseText);
para.appendChild(txt);
document.getElementById('new').appendChild(para);
}
};
request.send(null);
}else{
alert("Sorry , your browser doesn\'t support XMLHttpRequest");
}
}
addLoadEvent(getNewContent);
这是书上关于ajax的一个例子,用ctrl+o在chrome浏览器成功运行,关于最后一个getNewContent
函数,我想问request.send(null)
为什么写在后面???
解决方案
触发onreadyState的过程是异步的,所以同步的执行request.send(),放在前后关系不大
这篇关于javascript - js DOM编程艺术关于ajax不太理解的地方的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文