1.jquery1.3
2.json-lib.2.2.3 需要以下第三方jar包(http://json-lib.sourceforge.net/)
jakarta commons-lang 2.4
jakarta commons-beanutils 1.7.0
jakarta commons-collections 3.2
jakarta commons-logging 1.1.1
ezmorph 1.0.6
3.sevlet代码:
TestBean tb=new TestBean();
tb.setAddr("杭州西湖");
tb.setName("wangdong");
tb.setAge("27");
TestBean tb2=new TestBean();
tb2.setAddr("江西云中");
tb2.setName("xiaoqiang");
tb2.setAge("29");
List list=new ArrayList();
list.add(tb);
list.add(tb2);
JSONArray js = new JSONArray();
JSONArray jr=js.fromObject(list);
PrintWriter out = response.getWriter();
out.print(jr);
out.flush();
out.close();
4.避免中文乱码,ajax只识别UTF-8编码
response.setHeader("Cache-Control", "no-cache");
response.setContentType("text/json;charset=UTF-8");
request.setCharacterEncoding("UTF-8");
5.jsp代码
function test(){
$.getJSON(
"/servlet/TestJson",
function(data){
//alert(data.length);
//alert(data[0].name+""+data[0].addr);
$('#users tbody').empty();
for(var i=0;i<data.length;i++){
$('#users tbody').append('<tr>' +
'<td>' + data[i].name + '</td>' +
'<td>' + data[i].age + '</td>' +
'<td>' + data[i].addr + '</td>' +
'</tr>');
}
/*$.each(data.items, function(i,item){
alert(i);
$('#users tbody').append('<tr>' +
'<td>' + item.name + '</td>' +
'<td>' + item.age + '</td>' +
'<td>' + item.addr + '</td>' +
'</tr>');
});*/
}
);
}
$.get("<%=path%>/dept/deptsByType.htm",{"deptType":dept_type},function callback(data){
document.all['form_deptId'].options.length = 0; //清空原有的option
var str="";
var jsonData=eval('(' + data + ')'); //data为jsonArray string [{'GUID':123,'DEPT_NAME':分行}]
for(var i=0;i<jsonData.length;i++){
str+="<option value='"+jsonData[i].GUID+"'>"+jsonData[i].DEPT_NAME+"</option>"
}
$("#form_deptId").html(str);
});