页面ajax交互,通过地址url先找到服务器,从数据库取值,去掉逗号,再传给页面
2016-06-12 10:42
295 查看
/**
* 页面ajax交互,通过地址url先找到服务器,从数据库取值,去掉逗号,再传给页面
*/
前端页面代码:
在<html>标签上面:
<c:set var="ctx" value="${pageContext.request.contextPath}" />
JS脚本语言:
当然,需要在某一个标签中定义这样一个函数,或者在页面一加载函数中定义这个函数。
function showImage(){
$.ajax({
url:"${ctx }/app/inspection/sendImage?codeStr=${requestScope.basicInfo.code}",
type:"post",
data:null,
dataType:"text",
success:function(result){
/* alert(result); */
//业务逻辑代码
var image = [];
var maleCount = 0;
var feMaleCount = 0;
var sex = "${requestScope.basicInfo.gender}";
/* alert(sex); */
if(result != null){
image = result.split(",");
for(var i = 0; i<image.length; i++){
var aStr = image[i].substring(image[i].lastIndexOf("_"),image[i].lastIndexOf("."));
if(aStr == "_male"){
maleCount += 1;
}else if(aStr == "_female"){
feMaleCount += 1;
}
}
}
},
error:function(){
alert("系统异常,预览失败");
}
});
}
服务器端代码:
@Controller
@RequestMapping("/app/inspection")
public class InspectionController{
@RequestMapping("/sendImage")
@ResponseBody
public String sendLisImageUrl(String codestr,HttpServletRequest request,HttpServletResponse response,Model model) throws UnsupportedEncodingException{
/**对页面传过来的"codestr"进行转码*/
String code = new String(codestr.getBytes("iso-8859-1"), "utf-8");
/**根据code查找image路径*/
String image;
try {
/**从数据库中取值*/
Clinical ci = clinicalSrv.selectByClinicalCode(code);//Spring+SpringMVC+MyBatis框架,后台的sql,JavaBean,Service那都简单
String str = ci.getImage();
logger.info("图片路径地址:..."+str);
/**去掉逗号*/
image = str.substring(0, str.length()-1);
/**向页面传递数据*/
model.addAttribute("image", image);
} catch (Exception e) {
throw new RuntimeException("查找image图片路径失败",e);
}
return image;
}
}
仅以此文章记录自己“数据从前端传到后台,经过处理,再从后台传到前端”的思路和代码,以后,遇到同样的功能时,可以照搬!
* 页面ajax交互,通过地址url先找到服务器,从数据库取值,去掉逗号,再传给页面
*/
前端页面代码:
在<html>标签上面:
<c:set var="ctx" value="${pageContext.request.contextPath}" />
JS脚本语言:
当然,需要在某一个标签中定义这样一个函数,或者在页面一加载函数中定义这个函数。
function showImage(){
$.ajax({
url:"${ctx }/app/inspection/sendImage?codeStr=${requestScope.basicInfo.code}",
type:"post",
data:null,
dataType:"text",
success:function(result){
/* alert(result); */
//业务逻辑代码
var image = [];
var maleCount = 0;
var feMaleCount = 0;
var sex = "${requestScope.basicInfo.gender}";
/* alert(sex); */
if(result != null){
image = result.split(",");
for(var i = 0; i<image.length; i++){
var aStr = image[i].substring(image[i].lastIndexOf("_"),image[i].lastIndexOf("."));
if(aStr == "_male"){
maleCount += 1;
}else if(aStr == "_female"){
feMaleCount += 1;
}
}
}
},
error:function(){
alert("系统异常,预览失败");
}
});
}
服务器端代码:
@Controller
@RequestMapping("/app/inspection")
public class InspectionController{
@RequestMapping("/sendImage")
@ResponseBody
public String sendLisImageUrl(String codestr,HttpServletRequest request,HttpServletResponse response,Model model) throws UnsupportedEncodingException{
/**对页面传过来的"codestr"进行转码*/
String code = new String(codestr.getBytes("iso-8859-1"), "utf-8");
/**根据code查找image路径*/
String image;
try {
/**从数据库中取值*/
Clinical ci = clinicalSrv.selectByClinicalCode(code);//Spring+SpringMVC+MyBatis框架,后台的sql,JavaBean,Service那都简单
String str = ci.getImage();
logger.info("图片路径地址:..."+str);
/**去掉逗号*/
image = str.substring(0, str.length()-1);
/**向页面传递数据*/
model.addAttribute("image", image);
} catch (Exception e) {
throw new RuntimeException("查找image图片路径失败",e);
}
return image;
}
}
仅以此文章记录自己“数据从前端传到后台,经过处理,再从后台传到前端”的思路和代码,以后,遇到同样的功能时,可以照搬!
相关文章推荐
- SQL Server删除重复行的6个方法
- mysql性能调优和架构设计读书笔记
- mysql的innodb中事务日志(redo log)ib_logfile
- 关于SQLSERVER去掉如何重复值的记录
- MySQL5.6的my.ini配置
- 玩转mongodb(七):索引,速度的引领(全文索引、地理空间索引)
- 数据库5 索引 动态哈希(Dynamic Hashing)
- Mysql字段类型——字符类型
- 从分布式数据库结构入手讲解其前世今生
- spark-sql
- Memcached是什么?【小强性能培训学员作品】
- 数据库连接池的好处
- MongoDB的golang驱动安装 + 首次调用Mongo Command。
- [PHP][REDIS]phpredis 'RedisException' with message 'read error on connection'
- memcache缓冲雪崩现象
- 推荐数据库、Web、Net、架构的PDF数据,书不在多,在看!
- oracle——多表查询
- 解决 Native method not found: com.baidu.platform.comjni.map.commonmemcache.JNICommonMemCache.Create:()
- mysql 数据库备份方案及策略
- SQL分页存储过程实例