본문 바로가기

웹스토리/Jquery,Js

외부 url을 호출하여 div에 넣기

//외부 url을 호출하여 div에 넣기 

$(document).ready(function() {

            processAjax("http://test.co.kr/CP_Template/htdocs/main/mainBoardShowPage.jsp",1);

            processAjax("http://test.co.kr/CP_Template/htdocs/main/mainStoryShowPage.jsp",1);

            processAjax("http://test.co.kr/CP_Template/htdocs/main/mainConShowPage.jsp",1);

                        processAjax("http://test.co.kr/CP_PersonalInfo/htdocs/personalinfo/personalinfoShowPage.jsp",2);

            processAjax("http://test.co.kr/CP_Template/htdocs/main/mainQuickShowPage.jsp",2);

            processAjax("http://test.co.kr/CP_Template/htdocs/main/mainBannerShowPage.jsp",2);

        });

        

        function processAjax(url,type) { 

            //alert(url);

            var targetDiv = leftDiv;

            if(type == 2){

                targetDiv = rightDiv;

            }

            if (window.XMLHttpRequest) { // Non-IE browsers 

                var req = new XMLHttpRequest(); 

                req.onreadystatechange = targetDiv(req); 

                try { 

                    req.open("GET", url, true); 

                } catch (e) { 

                    console.log("processAjax Error : "+e);

                    //alert(e); 

                } 

                req.send(null); 

            } else if (window.ActiveXObject) { // IE 

                var req = new ActiveXObject("Microsoft.XMLHTTP"); 

                if (req) { 

                    req.onreadystatechange = targetDiv(req); 

                    req.open("GET", url, true); 

                    req.send(); 

                } 

            } 

        } 


        function leftDiv(r) { 

            alert("leftDiv : "+r.readyState);

            if (r.readyState == 4) { // Complete 

                if (r.status == 200) { // OK response 

                    $(r.responseText).appendTo("#contents_left");

                } else { 

                    console.log("targetDiv Error : "+r.statusText);

                    //alert("Problem: " + req.statusText); 

                } 

            } 

        }  

        

        function rightDiv(r) {

             alert("rightDiv : "+r.readyState);

            if (r.readyState == 4) { // Complete 

                if (r.status == 200) { // OK response 

                    $(r.responseText).appendTo("#contents_right");

                } else { 

                    console.log("targetDiv Error : "+r.statusText);

                    //alert("Problem: " + req.statusText); 

                } 

            } 

        }