`
Appleses
  • 浏览: 347957 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

通过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>)
分享到:
评论

相关推荐

    java实现本地读取图片存储到数据库中并在html网页显示

    在本文中,我们将深入探讨如何使用Java实现在本地读取图片并将其存储到数据库中,之后再通过HTML页面显示这些图片。这个过程涉及到的主要技术包括Java编程、数据库操作(特别是MySQL)以及前后端交互。 首先,我们...

    jquery+jsp连接数据库

    总之,"jQuery+jsp连接数据库"这个主题涉及到前后端的交互,涵盖了jQuery的选择器、事件处理、AJAX请求,以及JSP的页面生命周期、JDBC的使用和数据库操作。对于初学者来说,这是一个很好的起点,能够帮助他们建立起...

    node连接数据库获取内容,把数据返回到前台页面

    7. **前端H5页面**:在前端HTML5页面中,可以使用Ajax技术(如jQuery的$.ajax或fetch API)向服务器发送异步请求,获取数据并显示在页面上。 ```html &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; ...

    文本框弹出从数据库获取的数据层,提供选择

    标题中的“文本框弹出从数据库获取的数据层,提供选择”指的是在Web应用程序中,当用户聚焦到一个文本框(TextBox)时,会触发一个功能,这个功能会从数据库检索数据并显示在一个弹出窗口或者层(通常是下拉列表、...

    jquery例子带数据库

    在"jQuery例子带数据库"的主题下,我们将深入探讨如何利用jQuery与数据库进行数据交换,特别是在Web应用开发中的应用场景。 一、jQuery与Ajax jQuery对Ajax的支持使得异步数据交互变得极其简单。Ajax...

    动态从数据库中获取轮换图片

    在IT领域,特别是网站开发与设计中,动态从数据库中获取轮换图片是一个常见的需求,旨在为用户提供丰富、实时更新的视觉体验。本文将深入探讨这一主题,包括其原理、实现方式以及涉及到的关键技术。 ### 动态从...

    jquery无刷新更改数据库的内容.txt

    从给定的文件信息来看,本文档主要涉及的是如何使用jQuery结合PHP实现无刷新更改数据库内容的操作。在现代Web开发中,无刷新更新数据是一种常见的技术,它能够提供更好的用户体验,使得网页操作更加流畅,无需每次...

    html前端动态获取后端数据显示到表格,实现分页显示

    html前端获取后端js的数据,实现到html表格,并且实现表格分页显示,分页显示原理是要显示那一页数据就从后端获取需要显示页的数据,不会一次性获取全部数据,减小流前端的压力。后端使用js+express,读取csv文件...

    jQuery纯静态页面分页(带数据库)

    客户端收到服务器的响应后,jQuery会解析JSON数据,并更新HTML页面上的数据显示区。这通常涉及到DOM操作,例如使用`.html()`或`.append()`方法添加新的数据行。 8. **分页逻辑** 还需要处理分页链接的状态,如...

    运用jquery局部刷新从数据库取出的数据

    例如,假设我们有一个`#result`的div,我们想要在这个div中显示从数据库获取的新数据: ```javascript $("#result").load("fetch_data.php", { id: "123" }, function(responseText, textStatus, jqXHR) { // 请求...

    jQuery实现将mysql数据库中的数据转化为json数据在前台显示

    本主题聚焦于"jQuery实现将mysql数据库中的数据转化为json数据在前台显示",涉及到的关键技术包括jQuery的$.getJSON()和$.ajax()方法,以及后台的servlet和mysql数据库。 首先,jQuery是一个轻量级的JavaScript库,...

    jquery+servlet 异步获取数据 并显示出来(很有收获的哦!)

    在`doGet()`或`doPost()`方法中,我们可以处理请求,从数据库或其他数据源获取数据,然后将其转换为JSON格式,并通过`response.getWriter().print(jsonString)`返回给前端。 ```java import javax.servlet.http.*; ...

    JqueryAjaxPage 基本java jquery无刷新数据库分页

    `JqueryAjaxPage` 是一个基于 Java 和 jQuery 的解决方案,它允许用户在不重新加载整个页面的情况下,实现数据库数据的动态分页显示。在这个项目中,我们将深入探讨其核心概念和实现方法。 首先,`jQuery` 是一个...

    jquery word export 导出html内容(包括图片)

    在实际应用中,你可能会使用动态生成的HTML,比如从数据库获取的数据。 为了触发导出功能,可以添加一个按钮或者其他交互元素,然后为其绑定一个点击事件。在事件处理函数中,调用jQuery Word Export提供的API来...

    旅游趋势大屏框架:Python + html + css + jquery + bootstrap + json数据库:无

    旅游趋势大屏 框架:Python + html + css + jquery + bootstrap + json 数据库:无 数据集基于json接口的形式获取。 角色管理员 admin 123456 模块介绍 登录模块 大屏模块 数据库设计:无数据库

    jQuery实现拖动布局并将排序结果保存到数据库

    这个表可能包含初始的数据,或者你可以通过AJAX在页面加载时从服务器获取数据,然后使用这些数据来设置元素的初始位置。 总结来说,这个项目通过`jQuery`实现了用户友好的拖动排序功能,利用`idrag.js`插件简化了...

    jquery_jaxa实现数据库取数据进行静态分页

    在"jquery_jaxa实现数据库取数据进行静态分页"的例子中,jQuery是前端的主要工具,负责处理用户交互和页面更新。 Ajax(Asynchronous JavaScript and XML)技术允许在不刷新整个页面的情况下与服务器进行通信,实现...

    用JQuery,ajax从数据库读取数据.docx

    这篇文档主要介绍了一个使用jQuery和Ajax技术从数据库获取数据并展示在HTML页面上的示例。以下是对关键知识点的详细说明: 1. **jQuery**: jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、...

    jQuery+ASP动态实时刷新数据库数值,在线人数

    在本项目中,jQuery被用来处理DOM操作和Ajax请求,以便动态地从服务器获取并更新在线人数。 2. **Ajax (Asynchronous JavaScript and XML)**: Ajax是一种创建动态网页的技术,允许在不重新加载整个页面的情况下与...

    网页持续读取数据库数据显示

    【描述】"主要是ajax传输,网页持续读取数据库数据显示"指出,该系统的重点在于利用AJAX异步通信来不断地从数据库获取新数据,并在用户界面上展示出来。这种设计模式常见于实时聊天、股票报价、在线拍卖等需要实时...

Global site tag (gtag.js) - Google Analytics