怎么用ajax从db2获取数据,并显示在网页上 80C

前端:html+js
后端:db2

能不能举个简单的例子。
最好能有解释和代码。

0

3个回答

html加个点击事件就行
$.ajax({ //这就开始进入ajax了

        type:"get",   //这个我也忘了,好像是类似格式吧,基本是死的不需要改动

        dataType:"json",      //这个是将字符串转换成json格式

        cache:false,   //不晓得

       data:"staffName="+staffName+"&staffGender="+staffGender,   //这两个就是我要向后台传的值,之前已经拿到了,staffName和Gender就是对象的属性名,也可以随意起

        url:"<%=request.getContextPath()%>/staffGet",       //这个是路径,staffGet是我在视图层声明的名字我想你们应该知道mapping吧

        complete:function(msg){     //如果你们仅仅只是向后台传值就不需要下面的代码了,如果有返回值,比如name查找数据库所有相同name并在前台接收就需要下面的代码

        $("#read").html("");    //在这里是因为我点击一次就自动把查到的信息添加,会重复,所以才有的在赋值之前把原本的信息删除,请参考这串代码倒数第二行你就懂了

        $("[id=read]").remove();   //这是把原本的ID删除只有这样才能清空原本的信息,ID存在会显示一个空的td,这一行和上一行与该文章没有关系,只是项目需要,可以没有

        var data = eval("(" + msg.responseText + ")");    //这就是将后台传过来的数据并交给data这个对象

        $.each(data["list"],function(i,item){   //遍历这个数据,我在后台发送数据给的KEY是list,所以才有data["list"],变量名随你传送的map的KEY变化而变化详情请看后台代码

      var Name="<tr id='"+item.staffId+"tr'><td id='"+item.staffId+"Name'>"+item.staffName+"</td>"; //这里我用一个字符串向tr和td赋值,ID最后一行改了是为了绿色注解部分

        $("#staffget").append(Name);    //然后将字符串插入表格中,具体插入方式可以参考ajax的API,有appendTo等多种方式,按情况参考

        $("#"+item.staffId+"tr").attr("id","read"); //在这里将所有tr的ID改成read,为了我点击多次从后台取值不会出现多次重复,点一次删除所有Id为read的


                      @RequestMapping("/JurisdictionGet")              //这里就是我在之前ajax里url的路径,详情请看ajax--url   我有解释

               @ResponseBody                                              //这是因为使用了ajax必须要声明的注解

                public Object JurisdictionGet(Jurisdiction jurisdiction) throws Exception        //因为使用了ajax所以方法必须使用Object类型的方法,参数列表就是前台发送回来的    数据,如果想在后台用对象接收,前台传值时,定义的参数名必须是你这个对象的属性名,才可以像我这样接收,如果不同就用String接收,但参数名必须和前台定义的一样

                {

                       Map<String, Object> map = new HashMap<String, Object>();                //这个map是在前台需要有返回值时存在的,获取数据库的值通过它传给前台用key取值

                       map.put("list", JurisdictionServices.JurisdictionGet(jurisdiction));           //定义的KEY为list,value里的数据是我调用的Services层,主要逻辑都写在哪里,就不发了,和以前大家的用法都差不多,因为是查多个,所以返回的是LIST数据,懂吧?不懂 可以在评论问我,我回复大家

                       return map;                                                                  //将这个map发送出去,再往后的参考前台就行,解释的很清楚了,不懂的可以问我,我只要会,就一定解 答大家

                }
0

怎么用ajax从db2获取数据,并显示在网页上:这个描述不够具体,不知道你后台用什么技术,网页上以什么样的方式展示?表格还是,一些展示框。
我只能提供你一些建议,然后不会的百度就可以了
通过ajax发送请求到后台,后台查询数据库将记录转正json字符串传到前台,
由于json与js的对象可以直接互转,你需要做的是将json对象的值赋值到html控件中,js很容易实现

0
var url = 'http://127.0.0.1:8080/video/account/getVideoList.do' //原生ajax function getData(){ $.ajax({ url:url, type:'get', dataType:'json', async:false, success:function(ret){ if(data.code==0){ layer.msg('数据加载成功、祝您观影愉快',{icon: 6,time:1300}); console.log(ret.data); //执行你显示的逻辑 }else{ //如果没有引入layer,就换成alert('浏览器异常') layer.msg('浏览器异常',{icon: 5,time:1000}); } }, error:function(){ //如果没有引入layer,就换成alert('站点处于维护中') layer.msg('站点处于维护中',{icon: 5,time:1000}); } }); return list; } //jquery 的ajax,({}里面的是参数,如:{uid:1,uname:'李白'} ) $.get(url,{},function(ret){ console.log(ret.data); //执行你显示的逻辑 })

后台
@RequestMapping(value="/getVideoList.do",method= {RequestMethod.GET,RequestMethod.POST})
@ResponseBody
public TableResult getVideoList() throws Exception
{
TableResult resultMap = new TableResult();
//你的查询逻辑开始
List list = new ArrayList();
try {
if(ValidateUtil.isNotEmpty(channelType)) {
list = videoService.selectChanelType(limit, (page-1)*limit, channelType);
}else {
list = videoService.getAll(limit,(page-1)*limit);
}
//你的查询逻辑结束
resultMap.setCode(0);

resultMap.setCount(videoService.countVideo());
resultMap.setMsg("获取数据成功");
resultMap.setData(list);
System.out.println("获取数据成功");
}catch(Exception e) {
resultMap.setCode(500);

resultMap.setCount(0);
resultMap.setMsg("获取数据失败");
resultMap.setData(null);
System.out.println("获取数据失败");
e.printStackTrace();
}
return resultMap;

}

//定义返回体类型
package com.video.utils;

public class TableResult {

private int code;

private String msg;

private int count;

private Object data;

public int getCode() {
    return code;
}

public void setCode(int code) {
    this.code = code;
}

public String getMsg() {
    return msg;
}

public void setMsg(String msg) {
    this.msg = msg;
}

public int getCount() {
    return count;
}

public void setCount(int count) {
    this.count = count;
}

public Object getData() {
    return data;
}

public void setData(Object data) {
    this.data = data;
}

@Override
public String toString() {
    return "TableResult [code=" + code + ", msg=" + msg + ", count=" + count + ", data=" + data + "]";
}

}

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
一般方式和ajax方式从后台获取数据加载进网页
1,普通方法无非就是先访问相应servlet拿到数据,存到request域中,跳转到jsp页面,通过jsp标签遍历拿到数据,前面的文章提到了点击打开链接。 2,通过ajax获取后台信息 拿购物网站为例,购物网站的导航栏是通用的,一般都是独立的jsp页面。新建一个head.jsp页面,由于是被包含,所以不用加入jquery插件,通过ajax异步访问后台,后台拿到数据库的数据是List集合
2017精华版:jquery 中 ajax功能,获取数据库数据,显示在html页面 01
路由: ajax访问的路径,获取数据,在对应页面js 文件中 获取 对应的路径返回的数据 1.定义路由js : var router = require("express").Router(); var model = require("./model"); /***********************************************************
利用js将ajax获取到的后台数据动态加载至网页中
利用js将ajax获取到的后台数据动态加载至网页中,生成二级菜单树。
ajax获取接口数据显示到页面之菜鸟分享
个人最近在开发项目中遇到了动态数据请求渲染的问题,能力有限,虽然解决了问题,但是觉得代码冗长,效率比较低,所以想优化一下,看能不能用其他方法提交一下效率。这个问题经历了三个节点。 第一个就是自己完全不熟其他方法的情况下独立完成的。那就是最基本的初始化/赋值/添加。 var jsonObj = eval('('+res+')'); // console.log(j...
mvc-ajax(从后台取数据显示到页面上)
ajax取数据显示到页面
php+ajax+mysql用异步获取方法实现后台数据显示在前端并获取正文数据和完成上下分页
php+ajax+mysql用异步获取方法实现后台数据显示在前端并获取正文数据和完成上下分页 最近因为项目需要所以了解一下ajax异步获取的方法,现在把自己整理的代码贴出来,方便以后回顾和大家技术交流。
ajax实现从后台拿数据显示在HTML前端
HTML页面,ajax是基于id的,所有用id表示。 拿到的数据会显示在这里 ajax源码: $(document).ready(function() {             $.ajax({                 url : "admin/get_online_ganbu.php",//后台请求的数据,用的是PHP                 dataTyp
vue使用ajax获取后台数据进行显示
html> html lang="en"> head> meta charset="UTF-8"> title>Titletitle> script src="/vue.min.js">script> script src="/vue-resource.min.js">script> style> #th th{ ba
用ajax实现HTML 功能,从而达到动态从数据库中得到数据,而不要去修改jsp页面。代码:
用ajax实现HTML 功能,从而达到动态从数据库中得到数据,而不要去修改jsp页面。代码:
Highcharts通过AJAX访问后台数据库实时刷新
最近项目中要做一个实时人流量的折线统计图,接触了下Highcharts在网上看了很多博客和官方API,总结出一下代码。$(function () { var chart = Highcharts.chart('flot-line-chart-moving', { credits:{ enabled:false // 禁用版权信息 },
ajax动态查询数据库数据并显示在前台
今天做了一个ajax动态查询数据库的小Demo,又重新学习了一下ajax的一些知识。在此和大家分享一下...... 啥都别说了,先上代码 Controller层 查询总用户数 @RequestMapping(value = "/findTotalUsers.do",method = RequestMethod.GET) public @ResponseBody Long fi
SSM-7 前端AJAX 获取数据并展示
拖了两天,继续。前段基于bootstrap  参考一些模板代码,简单架构起来一些页面,然后是数据呈现的问题了。    实用ajax方式获取数据,应该是比较方便的。 jsp页面
读取数据库数据,以报表的形式显示在前台网页(asp.net+echarts+ajax+数据库)
1、首先在VS2010里新建项目ASP.NET Web应用程序:WebApplication1; 在应用程序里新建项目:WebForm.aspx(Web窗体),Model.cs(类),Controller.cs(类),Handler.ashx(一般处理程序),WebForm.js(JScript文件); 2、(1)首先,创建一个Model类,对象实体化: namespace WebAppli...
根据下拉值,使用ajax动态获取数据(在页面显示数据)
前端:1一个下拉html:此处省略2下面是ajax//动态选择产品:根据产品类型动态编辑产品 function changepType() { $.ajax({ async : false, url : &quot;${ctx}/res/factoryAssembly/ajax2&quot;, type : &quot;post&quot;, data : { ...
jquery ajax 从后台获取数据到界面
jquery ajax 从后台获取数据到界面 jquery ajax从后台获取  从把需要传的元素按照格式什么,如下例子中的yesNum,noNum,然后通过response.getWriter().write()传值到前端   StringBuffer xmlResult = newStringBuffer();   xmlResult.append("");   xmlResul
jquery+servlet 异步获取数据 并显示出来(很有收获的哦!)
NULL 博文链接:https://stamsuper1.iteye.com/blog/1681619
简单的利用ajax技术获取豆瓣电影数据
1.  准备开启本地服务器2.  按照ajax格式编写代码3.  开启服务器并同时运行代码文件4.  在控制台获取豆瓣电影数据
Ajax动态获取数据 ECHARTS图表
Ajax动态获取数据 ECHARTS图表
ajax请求获取数据,前端绘制Echarts折线图
我只绘制折线图,其他的没做 需要引入echarts.js 下载地址:百度的下载链接 前端页面和ajax请求 &amp;amp;lt;!-- 为echarts准备有大小的dom --&amp;amp;gt; &amp;amp;lt;div id=&amp;quot;main&amp;quot; style=&amp;quot;width: 100%;height:600px;&amp;quot;&amp;amp;gt;&amp;amp;lt;/div&amp;amp;gt; $
JQuery 用Ajax 获取Json数据并显示
JQuery 用Ajax 获取Json数据并显示 JQuery: &amp;lt;script src=&quot;https://code.jquery.com/jquery-3.3.1.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt; &amp;lt;script&amp;gt; $(function(){ $(':input:eq(0)').click(function(){ ...
Angular.js用法(三):ajax获取数据并循环显示
1、本例将示范angularjs的ajax使用和list循环显示功能。 2、本例需要创建两个文件。 (1)news.php<?php$news=[ '人民币贬值', '黄金涨价', '楼市崩盘', ]; echo json_encode($news);?>(2)news.html<html> <head> <meta charset="utf-8">
jquery ajax请求数据,并显示在页面上
使用ajax请求获取数据 $.ajax({ //要用post方式 type: &quot;get&quot;, //方法所在页面和方法名 url: contextPath + '/tjbb/zhtjlist', contentType: &quot;a...
前台使用ajax动态获取数据并且显示在页面上,SSM框架二级联动
首先是使用注解的方式操作 在页面上 :              ----请选择省份----                            ------请选择城市-----         使用jQuery            $(function(){     $.ajax({          url:'test/select.do',
PhoneGap利用ajax从后台mysql获取数据
PhoneGap利用ajax从后台mysql获取数据,将值显示在网页上。其中利用PHP连接mysql.简单介绍
ajax异步获取数据绘制echarts图表
// echarts图表绘制函数 function myData(text) { var xA = []; var yA = []; // 将获取到的json数据列表清洗数据后push到xA、yA两个坐标轴数据列表 // 注意,此处循环函数可以用于未知数量的数据,不必提前预知数据量大小 for(var i = 0; i &amp;amp;amp;lt; text.data.leng...
利用ajax轮询实现动态更新mysql的数据流到网页上显示
效果如图: 后端代码: &amp;amp;lt;?php require_once(&amp;quot;dbtools.inc.php&amp;quot;);//连接数据库的函数 $link = create_connection(); $sql=&amp;quot;SELECT time,envir_tem,envir_hum,soil_PH,soil_tem,soil_hum,illum FROM farm...
抓取豆瓣电影网页动态Ajax请求的数据
import urllib.request import ssl import json def ajaxCrawler(url): headers = { &quot;User-Agent&quot;:&quot;Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Maxthon/4.4.3.4000 ...
用AFNetworking获取URL数据后显示在tableview上(1)
前言:我是一个iOS初学者,本来以为这个任务比较简单,但我用了一周才弄明白所有的原理,接下来我尽量详细阐述。 一。基本概念: 首先要说明下,ios有自己的网络连接库,可以用NSURLConnection来网络请求,下载数据啊都行,但是NSURLConnection已经不建议使用了,iOS 7取而代之的是NSURLSession。但很多人不是很满意,所以就有比较流行的AFNetworking,它...
Java 网络 URL 从网页上获取数据
JAVA 网络 URL 网上获取数据
使用vue Ajax获取数据列表并用BootStrap显示
最近在搞毕业设计想趁机学学前端知识,于是就应用了目前比较流行的vue框架来进行数据显示,使用BootStrap进行简单的样式编写1.第一步肯定是包的导入了 目前对node.js还不是很了解,所以包都是手动下载导入的,没有用到那个nmp vue.min.js是vue的主包,vue-resource.js是开源的vue Ajax包,对ajax进行了封装 bootstrap既就是样式的相关css和j
百度地图API ajax异步获取数据库信息 页面显示多点标注和标注框
var map = new BMap.Map("allmap");          // 创建地图实例       var point = new BMap.Point(108.955665, 34.274037);  // 创建点坐标       map.centerAndZoom(point, 15);                 // 初始化地图,设置中心点坐标和地图级别   
AJAX实现读取本地文本文档内容并展示在网页上
使用AJAX技术来实现读取本地文本文档内容,然后将读取到的内容显示在网页上
Ajax实现定时从服务器获取数据,定时更新数据
一般来说,我们很容易想到用如下算法来实现隔一段时间从服务器取值: var secs = 300; //倒计时的秒数 function doUpdate(num) { if (num % 3 == 0) { saveUserInfo(); } } for(var i = secs; i >= 0; i--) { window.setTimeout
ajax获取数据后渲染到页面方法
$.ajax({ url:&amp;quot;apiAttachmentAction_uploadAttachment.action&amp;quot;, type:&amp;quot;post&amp;quot;, data:forms, contentType:false, success:function(data){} error:function(e){} 对于请求回来的数据怎么渲染到相应的页面呢,主要总结了以下几种方法: 1.比较常见的就是字符串拼接的方...
json获取数据库的信息在前端页面显示
ajax发送请求到controller,controller响应一个json格式的数据给页面, JSON.parse()再解析json字符串,用$.each遍历。 @RequestMapping("/list") public @ResponseBody java.util.List<UserVO> List() throws Exception{ return s
通过Ajax从Servlet获取数据完成登录实例
Ajax的好处就是可以在页面不进行刷新的情况下,完成当前页面某些收据的更新,速度快且用户体验好。 刚开始学习,就着几行代码也要搞很长时间才能明白。 login.jsp--登录界面 <input id="loginname" class="itext" type="text" name="username" tabindex="1" autocomplete="off"
JS语句将后台获取数据在页面展示方法源码
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt;     &amp;lt;head&amp;gt;         &amp;lt;meta charset=&quot;utf-8&quot; /&amp;gt;         &amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1,minimum-scale=1,maximum-sc
php从数据库中获取数据用ajax传送到前台
1、数据库的字段: 2、php连接数据库获取数据库的信息放入json_encode($css);{文件为:db.php} <?php $host="localhost"; $username="root"; $password="root"; $dbName="baixing"; $port=3306; $conn=new mysqli($host,$username,$pas
ASP.NET+Echarts+Ajax从数据库中获取数据
html &amp;lt;div class=&quot;panel-body&quot;&amp;gt; &amp;lt;div id=&quot;signNum&quot; style=&quot;height: 400px; width: 100%&quot;&amp;gt;&amp;lt;/div&amp;gt; &amp;lt;/div&amp
使用AJAX方法可以不刷新页面就从服务器上获得信息(文件信息,方法,数据库中的数据)
C6.1 发送请求                                                                                                               说明 $.ajax([url],options)                          使用传入的options生成一次Ajax请求,这是一个
文章热词 DB2视频教程 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 从网页视频制作gif 淘宝上的网页如何制作视频