table+ajax加载数据
//ajax加载notice
$(function() {
//${pageContext.request.contextPath}/
/**
var res = [
{noticeTitle:'必答题',noticeDate:'2019-08-09'},
{noticeTitle:'必答题',noticeDate:'2019-08-09'},
{noticeTitle:'必答题',noticeDate:'2019-08-09'},
{noticeTitle:'必答题',noticeDate:'2019-08-09'},
{noticeTitle:'必答题',noticeDate:'2019-08-09'}
];
loadNotice(res);
*/
url = "getDatas.do";
$.ajax({
url : url,
type : "post",
dateType : "text",
success : function(res) {
loadNotice(res); //加载notice
}
}); }); //加载notice
function loadNotice(res) {
var tBody = $("#noticeTable").find("tbody");
for ( var index in res) {
//新建一行
var newTr = $("<tr></tr>");
//新建节点
var newsTd = $("<td></td>");
var dateTd = $("<td></td>");
//新建超链接
var newsA = $("<a></a>"); //添加内容和时间
var noticeTitle = res[index].noticeTitle;
var noticeDate = res[index].noticeDate;
/* alert(noticeTitle);
alert(noticeDate); */
newsA.text(noticeTitle);
dateTd.text(noticeDate); //添加数据td-tr-tbody
newsTd.append(newsA);
newTr.append(newsTd);
newTr.append(dateTd);
tBody.append(newTr);
}
}
<table id="noticeTable" class="table table-striped table-hover">
<tr>
<th class="col-md-3">活动标题</th>
<th class="col-md-1">发布时间</th>
</tr>
</table>
table+ajax加载数据的更多相关文章
- 一起学爬虫——如何爬取通过ajax加载数据的网站
目前很多网站都使用ajax技术动态加载数据,和常规的网站不一样,数据时动态加载的,如果我们使用常规的方法爬取网页,得到的只是一堆html代码,没有任何的数据. 请看下面的代码: url = 'http ...
- Ajax 加载数据 练习 自我有些迷糊了,写的大概请谅解 ^ _ ^
查询表的显示,查询显示如果不嵌入PHP代码的话,用ajax怎么实现? <h1>显示数据</h1> <table width="100%" bord ...
- Ajax加载数据的使用
需求就是不能再进入页面时加载数据,只能在点击其中一个按钮时把数据加载呈现出来.具体效果如最下面的图. 1.前台页面 <h1 " onclick="GetData(1)&quo ...
- 【bug】table重新加载数据,页面滚动条下沉到底部,记录scrollTop后将其恢复scrollTop出现闪烁
1.table数据请求前记录scrollTop $scope.scrollPos = document.documentElement.scrollTop; 2.html中添加指令repeat-fin ...
- Ajax加载数据后百度分享实例
<script type="text/javascript"> //百度分享 function baidu_share() { var title_val = $(&q ...
- 前台ajax加载数据
<script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script> <script sr ...
- ajax 加载数据前的刷新动画
$(document).ready(function(){ $.ajax({ type:"get", cache:false, u ...
- Ajax 滚动异步加载数据
第一种情况:单个div滚动 HTML <body> <!-- search start --> <div class="search" #if($m_ ...
- Bootstrap-Select 动态加载数据的小记
关于前端框架系列的可以参考我我刚学Bootstrap时候写的LoT.UI http://www.cnblogs.com/dunitian/p/4822808.html#lotui bootstrap- ...
随机推荐
- 【原创】洛谷 LUOGU P3372 【模板】线段树1
P3372 [模板]线段树 1 题目描述 如题,已知一个数列,你需要进行下面两种操作: 1.将某区间每一个数加上x 2.求出某区间每一个数的和 输入输出格式 输入格式: 第一行包含两个整数N.M,分别 ...
- 关于tensorflow里面的tf.contrib.rnn.BasicLSTMCell 中num_units参数问题
这里的num_units参数并不是指这一层油多少个相互独立的时序lstm,而是lstm单元内部的几个门的参数,这几个门其实内部是一个神经网络,答案来自知乎: class TRNNConfig(obje ...
- 事务四大特性(ACID)
事务的概念:事务是指逻辑上的一组操作,这组操作要么同时完成要么同时不完成. 事务的管理:默认情况下,数据库会自动管理事务,管理的方式是一条语句就独占一个事务. 如果需要自己控制事务也可以通过如下命令开 ...
- golang中遍历汇总
直接上例子: 例子1: package main import( "fmt" ) func main(){ a := map[string]string{ "alice& ...
- 1.ibatis核心类
- pip下载提速
方法一使用国内镜像: 清华:https://pypi.tuna.tsinghua.edu.cn/simple/ 阿里云 http://mirrors.aliyun.com/pypi/simple/ 中 ...
- selector状态选择器
Selector selector就是状态选择器(StateList),它分为两种,一种Color-Selector 和Drawable-Selector. Color-Selector color- ...
- Sass安装与Webstorm File Watcher配置
一.Sass安装 ruby安装 mac系统默认安装了ruby,可以直接跳过此步骤,linux和windows需要安装ruby环境. windows安装ruby环境: 到ruby官网下载自己系统适用的版 ...
- 手写web框架之开发一个类加载器
ackage io.renren.common; import lombok.extern.slf4j.Slf4j; import org.apache.commons.lang3.StringUti ...
- iptable规则的执行顺序
众所周知,iptable的中包含了各种各样的table和规则链条.这篇博文对规则链的执行顺序做一个简单的介绍. Chain OUTPUT (policy ACCEPT)target prot opt ...