ajax加载jsp文件
admin 发布于:2009-07-20 23:04:00
阅读:loading
利用Ajax加载页面,可以实现加载loading......、加载页面404等,可以用加载弹出层显示加载页面显示在div上,也可以起到代替使用<iframe/>的作用。
function $(el) {
return document.getElementById(el);
}
function closeDiv() {
alert();
while (true) {
var isopen = false;
var display = $("Loading").style.display;
alert(display);
if (display == 'block') {
isopen = true;
}
if (isopen) {
$("Loading").style.display = 'none';
}
break;
}
}
// 创建XML对象
function createXMLHttps() {
var ret = null;
try {
ret = new ActiveXObject('Msxml2.XMLHTTP')
} catch (e) {
try {
ret = new ActiveXObject('Microsoft.XMLHTTP')
} catch (ee) {
ret = null
}
}
if (!ret && typeof XMLHttpRequest != 'undefined')
ret = new XMLHttpRequest();
return ret;
}
function AjaxGet(URL) {
var xmlhttp = createXMLHttps();
xmlhttp.open("Get", URL, true);
xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4) {
if (xmlhttp.status == 404) {
$("Loading").innerHTML = '读取页面失败,文件' + URL + '不存在!';
$("Loading").style.display = 'block';
var starttimeID = window.setInterval(closeDiv, 3000);
if (starttimeID != null) {
window.clearInterval(starttimeID);
}
}
if (xmlhttp.status == 200) {
$("Loading").innerHTML = "";
alert(xmlhttp.responseText);
$("Loading").style.display = 'block';
}
} else {
$("Loading").style.display = 'block';
$("Loading").innerHTML = "正在执行中...";
}
xmlhttp.send(null);
}
点赞