通过jquery直接从数据库获取显示在html页面

1.SERVICE
public MonthBusiness getThisMonthBusinessAll(String agentID){
Map<String, Object> paramMap = new HashMap<String, Object>();
String sqlStr="select * from table(PKG_SFA_THISMONTHBUSINESSALL.getThisMonthBusinessAll(:I_AGENTID))";
paramMap.put("I_AGENTID", CommonUtil.jugeAndFixNull(agentID));
List<MonthBusiness> mothbusiness = new ArrayList<MonthBusiness>();
mothbusiness = jdbcTemplate.query(sqlStr, paramMap, new BeanPropertyRowMapper<MonthBusiness>(MonthBusiness.class));
return mothbusiness.get(0);
}
------------------------------------------------------------------
2.CONTROLLER
MonthBusiness business = newsService.getThisMonthBusinessAll(user
.getUserAgentId());// 本月所有业务数

StringBuffer result = new StringBuffer();

result.append("{");
result.append("THISMONTHUNDERWRITEEDS:"+business.getTHISMONTHUNDERWRITEEDS()+",");
result.append("THISMONTHNOUNDERWRITEEDS:"+business.getTHISMONTHNOUNDERWRITEEDS()+",");
result.append("THISMONTHNOTEEDS:"+business.getTHISMONTHNOTEEDS()+",");
result.append("THISMONTHNONOTEEDS:"+business.getTHISMONTHNONOTEEDS()+",");
result.append("THISMONTHRECEIPTEDS:"+business.getTHISMONTHRECEIPTEDS()+",");
result.append("THISMONTHNORECEIPTEDS:"+business.getTHISMONTHNORECEIPTEDS()+",");
result.append("THISMONTHSURRENDEREDS:"+business.getTHISMONTHSURRENDEREDS()+",");
result.append("THISMONTHHEAREDS:"+business.getTHISMONTHHEAREDS());
result.append("}");

PrintWriter out = response.getWriter();
response.setContentType("text/html");
out.print(result.toString());
out.flush();
out.close();
------------------------------------------------------------------
3.HTML
$(function() {
//加载待处理业务数
$.ajax( {
url : "${path}/news/index/getBusiness",
type : 'POST',
success : function(result) {
var j = $("<span>" + result + "</span>").html();
var obj = eval("(" + j + ")");
$("#a1").html(obj.THISMONTHUNDERWRITEEDS);
$("#a2").html(obj.THISMONTHNOUNDERWRITEEDS);
$("#b1").html(obj.THISMONTHNOTEEDS);
$("#b2").html(obj.THISMONTHNONOTEEDS);
$("#c1").html(obj.THISMONTHRECEIPTEDS);
$("#c2").html(obj.THISMONTHNORECEIPTEDS);
$("#d1").html(obj.THISMONTHSURRENDEREDS);
$("#d2").html(obj.THISMONTHHEAREDS);
}

});
});
------------
(<em
id="a1"><img src="${path}/images/059.gif" style="width:10px;height:10px;"/></em>)
(<em
id="b1"><img src="${path}/images/059.gif" style="width:10px;height:10px;"/></em>)
(<em
id="c1"><img src="${path}/images/059.gif" style="width:10px;height:10px;"/></em>)
HTML 页面中从数据库获取图片路径通常需要通过后端服务来实现,具体步骤如下: 1. 在后端服务中编写接口,用于从数据库获取图片路径。接口可以使用 RESTful API 或其他方式实现,例如: ```http GET /api/images/123 ``` 其中 `/api/images` 是接口的基础路径,`123` 是图片的 ID,用于从数据库获取图片信息。 2. 在后端服务中实现接口逻辑,从数据库中查询图片信息,并将图片路径作为响应返回给前端。 3. 在 HTML 页面中使用 JavaScript 发起请求,调用后端服务提供的接口,获取图片路径。可以使用 jQuery、axios 等 JavaScript 库来实现。例如: ```javascript $.get('/api/images/123', function(data) { var imageUrl = data.url; // 将图片路径插入到 HTML 页面中的 <img> 标签中 $('#myImage').attr('src', imageUrl); }); ``` 其中 `data.url` 是从后端服务获取到的图片路径。 4. 在 HTML 页面中使用 `<img>` 标签来显示图片,其中 `src` 属性指定图片的 URL,可以使用从后端服务获取到的图片路径作为 URL。例如: ```html <img id="myImage" src=""> ``` 其中 `id="myImage"` 是为图片元素添加一个 ID,以便通过 JavaScript 代码获取该元素并设置其 `src` 属性。 5. 将从后端服务获取到的图片路径插入到 HTML 页面中的 `<img>` 标签中的 `src` 属性中,即可在浏览器中显示图片。 注意:在实现过程中需要注意安全问题,避免恶意用户通过构造特定的请求来获取其他用户的图片信息。可以在后端服务中对用户权限进行校验,只允许有权限的用户访问图片信息。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值