Just Java

우선 json을 만드는 방법입니다.

{"mainList":[{"name":"john1","userId":"john11"},{"name":"john2","userId":"john22"}]}

예)

var totData = new Object();

var data = new Object();

var dataList = new Array();

data["name"] = "john1";

data["userId"] = "john11";

dataList.push(data);

var data = new Object();

data["name"] = "john2";

data["userId"] = "john22";

dataList.push(data);

totData["mainList"] = dataList;

console.log(totData);

이런식으로 만들어서

ajax 호출로 던짐 꼭 json 형식이 아니여도 form serialize 방식으로 던져도 되구요

$.ajax({

contentType:'application/json',

dataType : 'json',

data : JSON.stringify(totData),

url : 'test.json', 

type : 'POST',

success:function(data){

}

});

constroll 단에서  받기

@RequestMapping(value = "/test.json", method=RequestMethod.POST)

@ResponseBody

public Result test(Result result, @RequestBody testVO param) throws Exception {

for(testVO str : param.getMainList()) {

System.out.println("name-------------->"+str.getName()); 

System.out.println("userId-------------->"+str.getUserId()); 

}

}

VO 단

public class testVO {

private String name;

private String userId;

private List<testVO> mainList;

public String getName() {

return name;

}

public void setName(String name) {

this.name = name;

}

public String getUserId() {

return userId;

}

public void setUserId(String userId) {

this.userId = userId;

}

public List<testVO> getMainList() {

return mainList;

}

public void setMainList(List<Wms151002VO> mainList) {

this.mainList = mainList;

}

}

혹시 dhtmlx 를 쓰시는 분은(제가 지금 dhtmlx플젝이라...)

var mainDataList = new Array();

var totData = new Object();

mainGrid.forEachRow(function(id){

var data = new Object();

mainGrid.forEachCell(id, function(cellObj,ind){

var columnName = mainGrid.getColumnId(ind);

var columnValue = mainGrid.cells(id,ind).getValue();

data[columnName] = columnValue;

});

mainDataList.push(data);

});

totData["mainList"] = mainDataList;

console.log(JSON.stringify(totData)); 

요런 식으로??ㅎㅎㅎㅎㅎㅎ

$.extend({
getUrlVars: function() {
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).toUpperCase().split('&');
        for (var i = 0; i < hashes.length; i++) {
            hash = hashes[i].split('=');
            vars.push(hash[0]);
            vars[hash[0]] = hash[1];
        }
        return vars;
    },
    getUrlVar: function(name) {
        return $.getUrlVars()[name.toUpperCase()];
    }
}); 


요로케 확장해서 쓰자


type = $.getUrlVar('type');


요론식으로 꺼내서 쓰면 편하지

<input type="hidden" id="test"/>

$(document).ready(function(){ 

$('#test').on('change', function(){

console.log('test!!!!!');

}

});

function testChange() {

$('#test').val('change!!!!!');

}

testChange();

이렇게 value 값을 바꿨을때 change함수를 타지 안는다.

그래서 해결한 방법은

<input type="hidden" id="test" onchange="valueChange()"/>

function testChange() {

$('#test').val('change!!!!!');

$('#test').change();

}

testChange();

function valueChange() {

console.log('test!!!!!!!!');

}

hidden 필드에 값을 바꿔주고  $('#test').change();  함수를 태워주니 잘 동작하네요

혹시 더 좋은 방법 아시는분 있음 답글좀.....