IT/jQuery

ajax 멀티값 받기 or json

우서바 2011. 12. 20. 14:15

aa.jsp

[

{ id: '100', name: 'kim' }, { id: '200', name: 'lee' }, { id: '300', name: 'park' }

]

-----------------------------

or

-----------------------------

json_simple.jar

or

json_simple-1.1.jar


<%@ page import="org.json.simple.JSONObject"%>

<%@ page import ="org.json.simple.JSONArray" %>


JSONArray jsonArr = new JSONArray();

JSONObject obj=new JSONObject();

obj.put("id", new Integer(100));

obj.put("name", "kim");

jsonArr.add(obj);

out.print(jsonArr);

out.flush();

--------------------------------------------------------------------------------------------

bb.jsp


$.ajax({url:"./aa.jsp",

type:"POST",

dataType: "text",

data: { "para1": $('#para1').val() },

success:function(data){

$('#sel2 option:gt(0)').remove();

var rst = eval('('+data+')');

$.each(rst, function(index, entry){ // 받은 만큼의 데이터를 확인

        $('#sel2').append("<option

value='"+entry.id+"'>"+entry.name+"</option>");

});

},

error:function(){}

});