在js中获取后台封装的json数据

在项目中想添加一个select 它的值是从数据库中动态获取的，之前一直是把数据放到session中，可运行的结果总是不理想，因为我的页面是静态的，只有我每次重新打开一个浏览器后它才会为session重新赋值。
在同事的帮助下，动态的为select赋值，即在每次弹出dialog时动态为select赋值，其中的值是后台从数据库中取出封装为json数据传输过来的。
后台封装Json格式的数据函数：

@RequestMapping
	public void getProjectsByUser(HttpServletRequest request, HttpServletResponse response) {
		
		User user = (User)SecurityContextHolder.getContext().getAuthentication().getPrincipal();
		
		Set<Project> finalCanAddProjects = userService.getCanRegProjects(user);
		
		StringBuilder jsonBuilder = new StringBuilder("{list:[");
		int i = 0;
		
		for (Project project : finalCanAddProjects) {
			i++;
			jsonBuilder.append("{");
			jsonBuilder.append("id:'");
			jsonBuilder.append(project.getId());
			jsonBuilder.append("', ");
			jsonBuilder.append("name:'");
			jsonBuilder.append(project.getName());
			jsonBuilder.append("'");
			jsonBuilder.append("}");
			jsonBuilder.append(i == finalCanAddProjects.size() ? "" : ",");
		}
		jsonBuilder.append("]}");
		MessageUtils.outputJSONResult(jsonBuilder.toString(), response);
	
	}

在js中接受此数据：

function getProjectsByUser() {
	
	$.getJSON(path+"/bio/studymanager/getProjectsByUser.do?dateTime=" + (new Date()).getTime(),
			function(json) {
				var options = "";
				$.each(json.list, function(i, n) {
					options += "<option value='"+n.id+"'>"+n.name+"</option>";
				});
				$('#projectIdSelect').html(options);
			}
	);
}

$.getJSON的api：http://www.iebe.cn/temp/jQuery_API/source/
$.getJSON.html

在$.getJSON(path+"/bio/studymanager/getProjectsByUser.do?dateTime=" + (new Date()).getTime(),之所以加时间参数，是为了防止浏览器缓存，如果不加此时间参数，当你第二次请求时浏览器就默认为数据没什么改变，而不进行请求。

function getStudyById(id, name, projectId, status, description) {
	
	$('#studyId').val(id);
	$('#studyName').val(name);
	$('#studyStatus').val(status);
	$('#studyDescription').val(description);
	
	getProjectsByUser();
	
	$('#projectIdSelect option').each(function(){
		if ($(this).val()== projectId) {
			$(this).attr('selected', 'selected');
		}
	});
	
	$('#manageStudyDialog').dialog(manageStudyDialog);
	$('#manageStudyDialog').dialog('open');
}

评论

4 楼 JavaLike 2012-03-12  

其实不需要拼JSON数据的，直接用个map就好了，项目的ID就是ky，项目的name就是value然后直接用JsonObject.fromObject(map).toString()就可以了，前端js里面直接循环处理就好了
$.post(path + "/bio/studymanager/getProjectsByUser.do?dateTime=" + (new Date()).getTime(),  ,
function(data) {
if (isEmpty(data)) {
$('#projectIdSelect').html("");
return;
}

data = eval("(" + data + ")");
var options = "";
$.each(data, function(key, value) {
if (!isEmpty(name) && value == name) {
options += "<option value='"+key+"' selected='selected'>"+value+"</option>";
} else {
options += "<option value='"+key+"'>"+value+"</option>";
}
})

$("#projectIdSelect").html(options);
}
)

3 楼 shanxmxj 2010-09-16  

jhyimu2005 写道

不好意思，前一段时间请假，没有及时回复，用的是hibernate+Spring3.0

呵呵~谢谢！！

2 楼 jhyimu2005 2010-09-14  

不好意思，前一段时间请假，没有及时回复，用的是hibernate+Spring3.0

1 楼 shanxmxj 2010-08-13  

请问你这是用的什么框架?
struts1？