页面ajax交互,通过地址url先找到服务器,从数据库取值,去掉逗号,再传给页面
来源:互联网 发布:windows 组播 编辑:程序博客网 时间:2024/04/28 22:53
/**
* 页面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")
@ResponseBodypublic 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先找到服务器,从数据库取值,去掉逗号,再传给页面
- 静态页面通过url传值与取值
- 数据库数据传给页面处理
- C# 通过url地址获取页面内容
- 通过页面的url地址生成静态页面
- 从页面获取取数据到数据库
- flex 3 从页面url中取参数取值的完美解决方案
- flex 3 从页面url中取参数取值的完美解决方案
- flex 3 从页面url中取参数取值的完美解决方案
- flex 3 从页面url中取参数取值的完美解决方案
- js通过contentWindow控制iframe子页面元素点击事件,并把值传给父页面
- 通过jquery ajax在从服务器获取一个文件的数据,显示到客户端的页面
- 把从母页面选择的值传给弹出来的页面的代码
- 通过对应 的URL地址,读取页面里面的内容
- php通过$_SERVER获取当前页面完整URL地址
- 微信小程序之ajax服务器交互及页面渲染
- 微信小程序--ajax服务器交互及页面渲染
- jsp中通过URL地址获取该地址页面中的静态页面
- 如何在 Ubuntu 14.04 上通过 apt-get 安装 Apache Tomcat 7
- Android入门--android.graphics.Color 颜色设置
- Class类与JAVA反射
- 编译OpenWRT过程问题解决
- 发现和记录---js常用正则表达式语法总结:Email检查,ip地址验证,手机号码和电话号码验证
- 页面ajax交互,通过地址url先找到服务器,从数据库取值,去掉逗号,再传给页面
- linux解压多个文件
- sencha底部图标平均分配
- redis项目问题
- VectorDrawable(三)
- 对java数组的理解
- CF 363B Fence(和最小的k个数)
- 发现和记录---Java正则表达式的语法与示例
- 解决Linux 下sublime text 同一窗口打开多个标签