ajax动态生成table

$(function(){
ajaxT();
});
//ajax
function ajaxT(){
$.ajax({
type:"post",
dataType"json",
data:{code:code},
url:"***.action",
success:function(data){
createShowingTable(data)
}
})
}
//动态创建一个table
function createShowingTable(){
var tableStr="<table class=‘tab_list‘ width=‘99%‘>";
tableStr=tableStr
+"<tr class=‘list=header‘>"
+"<td width=‘20%‘>序号</td>"
+"<td width=‘30%‘><input id=‘checkedAll‘ name=‘checkAll‘ type=‘checkbox‘/></td>"
+"<td width=‘50%‘>内容</td>"
+"</tr>";
var len=data.length;
for(var i=0;i<len;i++){
tableStr=tableStr+"<tr>"
+"<td>"+(i+1)+"</td>"
+"<td><input type=‘checkbox‘ class=‘check‘ value=‘"+data[i].key+"‘/></td>"
+"<td>"data[i].neirong+"</td>"
+"</tr>";
}
if(len==0){
tableStr=tableStr+"<tr style=‘text-align:center‘>"
+"<td colspan=‘3‘>暂无记录</td>"
+"</tr>"
}
tableStr=tableStr+"</table>";
//添加到div
$(#tableAjax).html(tableStr);
}

时间: 2024-08-07 18:12:43

ajax动态生成table的相关文章

HtmlUnit爬取Ajax动态生成的页面内容

HtmlUnit说白了就是一个浏览器,这个浏览器是用Java写的无界面的浏览器,正因为其没有界面,因此执行的速度还是可以滴. HtmlUnit提供了一系列的API,这些API可以干的功能比较多,如表单的填充,表单的提交,模仿点击链接,由于内置了Rhinojs引擎,因此可以执行JavaScript 之前用的时候一直抓取不了Ajax动态生成table及其数据,用Firefox和IE浏览器查看网页源代码也看不到table和数据,但是用Firefox查看元素能看到信息 调研了HtmlUnit好久都没有用

利用jquery.ajax在jsp页面动态生成table,可以增加修改,并支持一行和多行删除

声明:此为本人原创,只想实现功能,界面样式方面没多考虑,很粗糙能看懂就行--2018-5-14 动态生成table,我利用jsp内嵌java代码从后台获取对象集合,输出的时候有2中方法 1.直接利用java代码for(b1 b:bs)输出 2.利用JSTL标签库的c:foreach输出 不同之处在于,利用c:foreach输出要把获取的对象集合加入到request,然后用${}来读取,而for(b1 b:bs)可以直接输出. 第一种方法--for(b1 b:bs)输出<table id="

第三百三十四节,web爬虫讲解2—Scrapy框架爬虫—Scrapy爬取百度新闻,爬取Ajax动态生成的信息

第三百三十四节,web爬虫讲解2-Scrapy框架爬虫-Scrapy爬取百度新闻,爬取Ajax动态生成的信息 crapy爬取百度新闻,爬取Ajax动态生成的信息,抓取百度新闻首页的新闻标题和rul地址 有多网站,当你浏览器访问时看到的信息,在html源文件里却找不到,由得信息还是滚动条滚动到对应的位置后才显示信息,那么这种一般都是 js 的 Ajax 动态请求生成的信息 我们以百度新闻为列: 1.分析网站 首先我们浏览器打开百度新闻,在网页中间部分找一条新闻信息 然后查看源码,看看在源码里是否有

python爬取ajax动态生成的数据 以抓取淘宝评论为例子

在学习python的时候,一定会遇到网站内容是通过ajax动态请求.异步刷新生成的json数据的情况,并且通过python使用之前爬取静态网页内容的方式是不可以实现的,所以这篇文章将要讲述如果在python中爬取ajax动态生成的数据. 至于读取静态网页内容的方式,有兴趣的可以查看博客内容. 这里我们以爬取淘宝评论为例子讲解一下如何去做到的. 这里主要分为了四步: 一 获取淘宝评论时,ajax请求链接(url) 二 获取该ajax请求返回的json数据 三 使用python解析json数据 四

web爬虫讲解—Scrapy框架爬虫—Scrapy爬取百度新闻,爬取Ajax动态生成的信息

crapy爬取百度新闻,爬取Ajax动态生成的信息,抓取百度新闻首页的新闻rul地址 有多网站,当你浏览器访问时看到的信息,在html源文件里却找不到,由得信息还是滚动条滚动到对应的位置后才显示信息,那么这种一般都是 js 的 Ajax 动态请求生成的信息 我们以百度新闻为列: 1.分析网站 首先我们浏览器打开百度新闻,在网页中间部分找一条新闻信息 然后查看源码,看看在源码里是否有这条新闻,可以看到源文件里没有这条信息,这种情况爬虫是无法爬取到信息的 那么我们就需要抓包分析了,启动抓包软件和抓包

动态生成table

需要局部刷新table的数据,就需要使用到js控制生成table: html:table的表头是固定不变的. <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>动态生成列表</title> <script src="http://code.jquery.com/jquery-1.9.1

ajax动态生成表格

<script> var data = [{ name: "传智播客", url: "http://www.itcast.cn", type: "IT最强培训机构" },{ name: "黑马程序员", url: "http://www.itheima.com", type: "大学生IT培训机构" },{ name: "传智前端学院", url: &qu

js 根据数组分组动态生成table(相同项合并)

<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd"><html> <head> <title> new document </title> <script> //xxbh:学校编号,bjbh:班级编号,xx:姓名 var arrjson=[ {'

使用createElement函数来动态创建table的问题

在我们使用ajax时,最重要的就是success函数中对于页面的动态生成,现在的情景就是使用ajax动态生成table或者其他列表格式来进行查询的输出.我去网上查过一些资料,关于动态生成table的例子,大多是通过拼写html文本来实现,这个缺点就是如果数据量很大,js的性能不高.我参考了一些资料后,决定使用动态生成html元素来进行显示.核心函数就是document.createElement(string tagName)来生成table,thead,tbody,tr,th,td等元素.代码