利用json从后端取数据
2015-07-30 19:42
691 查看
<script type="text/javascript">
function department(){
$("#projectid").css('display','block');//显示部门信息
$("#other").attr('checked',true);//选中其他部门按钮
$("#benbumen").attr('checked',false);//不选中本部门按钮
$.ajax({type:"post",
url:"<%=request.getContextPath()%>/reinbursementAction_getdepartment.action",
dataType : "json",
timeout : 4000,
success : function(data) {
var obj = eval(data);//将string转化成ajax可识别的对象
$("#projectid").empty();
for ( var i = 0; i < obj.length; i++) {
$("#projectid").append(
"<option value="+obj[i].id+">"
+ obj[i].name + "</option>");
}
},
error : function() {
alert("与服务器连接超时...");
}
});
}
</script>
<script type="text/javascript">
jsp
controller层
private HttpServletResponse reponse;
public HttpServletResponse getReponse() {
return reponse;
}
public void setReponse(HttpServletResponse reponse) {
this.reponse = reponse;
}
public void getdepartment()throws Exception{
reponse = ServletActionContext.getResponse();
reponse.setCharacterEncoding("UTF-8");// 指定返回值的编码方式,必须放在out声明之前
StringBuffer sb = new StringBuffer();
sb.append("[");
List<Department> departmentlist=departmentService.findAll();
for(Department dep:departmentlist){
sb.append("{\"id\":"+dep.getId()+",\"name\":\""+dep.getName()+"\"},");
}
sb.deleteCharAt(sb.length()-1).append("]");
String depart=sb.toString();
System.out.println(depart);
PrintWriter out = null;
reponse.setContentType("text/javascript;charset=UTF-8");
try {
out = reponse.getWriter();
out.print(sb);
out.flush();
} catch (IOException e) {
e.printStackTrace();
} finally {
out.close();
}
}
function department(){
$("#projectid").css('display','block');//显示部门信息
$("#other").attr('checked',true);//选中其他部门按钮
$("#benbumen").attr('checked',false);//不选中本部门按钮
$.ajax({type:"post",
url:"<%=request.getContextPath()%>/reinbursementAction_getdepartment.action",
dataType : "json",
timeout : 4000,
success : function(data) {
var obj = eval(data);//将string转化成ajax可识别的对象
$("#projectid").empty();
for ( var i = 0; i < obj.length; i++) {
$("#projectid").append(
"<option value="+obj[i].id+">"
+ obj[i].name + "</option>");
}
},
error : function() {
alert("与服务器连接超时...");
}
});
}
</script>
<script type="text/javascript">
jsp
controller层
private HttpServletResponse reponse;
public HttpServletResponse getReponse() {
return reponse;
}
public void setReponse(HttpServletResponse reponse) {
this.reponse = reponse;
}
public void getdepartment()throws Exception{
reponse = ServletActionContext.getResponse();
reponse.setCharacterEncoding("UTF-8");// 指定返回值的编码方式,必须放在out声明之前
StringBuffer sb = new StringBuffer();
sb.append("[");
List<Department> departmentlist=departmentService.findAll();
for(Department dep:departmentlist){
sb.append("{\"id\":"+dep.getId()+",\"name\":\""+dep.getName()+"\"},");
}
sb.deleteCharAt(sb.length()-1).append("]");
String depart=sb.toString();
System.out.println(depart);
PrintWriter out = null;
reponse.setContentType("text/javascript;charset=UTF-8");
try {
out = reponse.getWriter();
out.print(sb);
out.flush();
} catch (IOException e) {
e.printStackTrace();
} finally {
out.close();
}
}
相关文章推荐
- JavaScript 的同源策略
- JavaScript的类型转换(字符转数字,数字转字符)
- 使用Jsoup库解析HTML、XML或URL链接中的DOM节点
- JSTL中<fmt:bundle >找不到properties文件的原因
- BZOJ 2208 [Jsoi2010]连通数 tarjan缩点+bitset优化DP
- JSON详解
- ajax请求跨域问题-通过jsonp方式解决
- js 弹出alert框
- json字符串转换为多级Map -list-map的形式
- js 获取访问链接参数
- JavaScript中操作对象的属性
- javascript实现列表滚动的方法
- [BZOJ1031][JSOI2007]字符加密Cipher
- js正则表达式匹配空格
- js字符串拼接时,日期控件中的双引号需要转义,不能用\"转义,要用&quot;
- JavaScript特效之前进,后退(返回上一级)
- JS魔法堂:再识instanceof
- 表单设计器系列之模板行的设置
- js闭包理解
- javascript 图片延迟加载