Ajax 사용 (Json)

 

var data = new Object();

data.ddlDate1 = $("#<%=_ddlDate1.ClientID%>.val();

data.ddlDate2 = $("#<%=_ddlDate2.ClientID%>.val();

data.ddlDate3 = $("#<%=_ddlDate3.ClientID%>.val();

data.ddlDate4 = $("#<%=_ddlDate4.ClientID%>.val();

data.ddlDate5 = $("#<%=_ddlDate5.ClientID%>.val();

var json_data = JSON.stringify({data: data});

 

$.ajax({

type : "POST",

url : "ajaxTest.aspx/ajaxTest_Method_Name",

data : json_data,

contentType : "application/json; charset=utf-8",

dataType : "json",

async : false,        // false : 동기

success : function (result){

alert(result.d);

getJson(result.d);

 

// result가 배열 형태라면

// alert(result.d[0]);

}

failure : function (response){

alert(response.d);

}

});

==========================

result의 결과 값은 하기와 같다.

{

"result_1" : {

},

 

"result_2" : [

{

"column1":"value_1",

"column2":"value_2",

"column3":"value_3",

},

{

"column1":"value_4",

"column2":"value_5",

"column3":"value_6",

},

]

}

==========================

 

function getJson(result){

var obj = JSON.parse(result);

var array = eval(obj.result_2);

 

for(var i = 0; i < array.length; i++){

var json_column1 = array[i]["column1"];

var json_column2 = array[i]["column2"];

var json_column3 = array[i]["column3"];

}

}