zoukankan      html  css  js  c++  java
  • 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>
    
  • 相关阅读:
    request
    href="#"
    可展开收起的客服导航。
    JS添加父节点的方法。
    精简漂亮的导航浮动菜单显示特效演示
    竖排导航
    仿新浪微博
    鼠标滑过改变文字
    滚动函数
    一些常用的兼容函数。
  • 原文地址:https://www.cnblogs.com/zhaocundang/p/10046434.html
Copyright © 2011-2022 走看看