ajax加载jsp文件


placeholder image
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);

}

 点赞


 发表评论

当前回复:作者

 评论列表


留言区