后台传递数据到前台 ajax 乱码问题
2015-11-24 10:54
302 查看
实现功能:动态显示后台查询到的数据
public String
getList() {
List<ModelVo> modelList = new ArrayList<ModelVo>();
String path = "D:\\eclipseWorkspace\\read-excel-web\\src\\main\\webapp\\model";
File file=new File(path);
File[] tempList = file.listFiles();
for (int i=0;i<tempList.length;i++) {
ModelVo modelVo = new ModelVo();
modelVo.setModelNum(i);
modelVo.setModelName(tempList[i].getName());
modelList.add(modelVo);
}
String listJson=JsonUtils.objToJson(modelList);
return listJson;
}
@RequestMapping(value="/pageLoad")
@ResponseBody
public String pageLoad(HttpSession session,HttpServletRequest request,
HttpServletResponse response) throws IOException {
request.setCharacterEncoding("utf-8");
response.setContentType("text/html;charset=utf-8");
//将下面方法执行返回的结果,在前台展示,例如返回“执行成功”,则前台只需alert(data)即可
PrintWriter out = response.getWriter();
//一定要记得将得到的数据用out.print输出,
out.print(pageLoadService.getList());
//此处返回null对前台ajax没影响
return null;
}
function onload() {
$.ajax( {
asnyc : true,
cache : false,
type : "POST",
dataType : 'json',
url : "./pageLoad",
error : function(json) {
alert("======错误==========");
},
timeout : 60000,
success : function(json) {
var sel = document.getElementById("model");
for(var key in json){
var option = new Option(json[key].modelName);
sel.options.add(option);
};
}
});
}
public String
getList() {
List<ModelVo> modelList = new ArrayList<ModelVo>();
String path = "D:\\eclipseWorkspace\\read-excel-web\\src\\main\\webapp\\model";
File file=new File(path);
File[] tempList = file.listFiles();
for (int i=0;i<tempList.length;i++) {
ModelVo modelVo = new ModelVo();
modelVo.setModelNum(i);
modelVo.setModelName(tempList[i].getName());
modelList.add(modelVo);
}
String listJson=JsonUtils.objToJson(modelList);
return listJson;
}
@RequestMapping(value="/pageLoad")
@ResponseBody
public String pageLoad(HttpSession session,HttpServletRequest request,
HttpServletResponse response) throws IOException {
request.setCharacterEncoding("utf-8");
response.setContentType("text/html;charset=utf-8");
//将下面方法执行返回的结果,在前台展示,例如返回“执行成功”,则前台只需alert(data)即可
PrintWriter out = response.getWriter();
//一定要记得将得到的数据用out.print输出,
out.print(pageLoadService.getList());
//此处返回null对前台ajax没影响
return null;
}
function onload() {
$.ajax( {
asnyc : true,
cache : false,
type : "POST",
dataType : 'json',
url : "./pageLoad",
error : function(json) {
alert("======错误==========");
},
timeout : 60000,
success : function(json) {
var sel = document.getElementById("model");
for(var key in json){
var option = new Option(json[key].modelName);
sel.options.add(option);
};
}
});
}
相关文章推荐
- 利用MyBatis Generator自动创建代码
- 如何获得web view上的关闭按钮返回指定页面
- summary && scenarios
- SLES 10安装Oracle10gR2笔记
- “友元函数”
- 【C语言】 浅谈指针
- Linux驱动修炼之道-SPI驱动框架源码分析(下)
- 计算机存储单位以及内存原理
- typeof、instanceof、Object.prototype.toString.call() 区分对象类型
- C# 控件提换
- Centos devtoolset (compiling related)
- pageSwitch.js 实现全屏切换
- 对象
- linux命令学习笔记(32):gzip命令
- linux命令学习笔记(28):tar命令
- CentOS下Apache+Tomcat整合
- PX2摄像头驱动调试笔记
- Android-在手机本地保存数据和读取数据
- CentOS6.5安装VNC
- linux命令学习笔记(26):用SecureCRT来上传和下载文件