微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Ajax替换局部DIV层

<a href="addgoods.jsp" onclick="createRequest('addgoods.jsp','show');return false;">商品入库</a>

要替换的DIV

<div id="show"></div>

JS

<%--ajax将jsp页面显示到指定div--%>

<script language="javascript">
    var HTTP_Request = false;
    function createRequest(url,objID){
        HTTP_Request = false;
        if(window.XMLHttpRequest){ //非IE浏览器
            HTTP_Request = new XMLHttpRequest();
            if(HTTP_Request.overrideMimeType){
                HTTP_Request.overrideMimeType("text/jsp");
            }
        }else if(window.ActiveXObject){ //IE浏览器
            try{
                HTTP_Request = new ActiveXObject("Msxml2.XMLHTTP");
            }catch(e){
                try{
                    HTTP_Request = new ActiveXObject("Microsoft.XMLHTTP");
                }catch(e){}
            }
        }
        if(!HTTP_Request){
            alert("无法创建XMLHTTP实例");
            return false;
        }
        HTTP_Request.open("GET",url,true);
        HTTP_Request.send(null);

        var obj = document.getElementById(objID);
        HTTP_Request.onreadystatechange = function(){
            if(HTTP_Request.readyState == 4){
                if(HTTP_Request.status == 200){
                    obj.innerHTML = HTTP_Request.responseText;
                }else{
                    alert('您请求的页面发现错误!');
                }
            }
        }
    }
</script>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐