본문 바로가기

Script

Ajax Template

function createRequest(){ try{ request = new XMLHttpRequest(); }catch(tryMs){ try{ request = new ActiveXObject("Msxml2.XMLHTTP"); }catch(otherMs){ try{ request = new ActiveXObject("Microsoft.XMLHTTP"); }catch(failed){ request = null; } } } return request; }

***** GET *****
function ajaxGet(){
    var req = createRequest();
    if(req == null){ alert("아직스 사용 못함."); return; }else{
        url = "/manager/customer.html?rd="+Math.random();

        req.open("get", url, true); req.send(null);
        req.onreadystatechange = showPage;
    }
}
function showPage(){
    if(req.readyState==4 && req.status==200){
        var showData = req.responseText; document.getElementById("main").innerHTML = showData;
    }
}

***** POST *****
function ajaxPost(){
    var req = createRequest(); 
    if(req == null){ alert("아작스 사용 못함"); return; }
    else{ url = "/manager/customer.html"; values = "search="+val+"&rd="+Math.random();

        req.open("post", url, true);
        req.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=utf-8");
        req.send(values); req .onreadystatechange=findCustomer;
    }
}
function findCustomer(){
    if(req.readyState==4 && req.status==200){
        var data = req.responseText; document.getElementById("main").innerHTML = data;
        //Json 으로 사용할 때
        var val = req.responseText; var data = JSON.parse(val); alert(data.search);

    }
}