ajax动态的给表格添加数据,jQuery+ajax实现动态添加表格tr td功能示例
jQuery+ajax实现动态添加表格tr td功能示例
发布时间:2020-09-28 08:21:13
来源:脚本之家
阅读:104
作者:jqdfTiTan
本文实例讲述了jQuery+ajax实现动态添加表格tr td功能。分享给大家供大家参考,具体如下:
功能:ajax获取后台返回数据给table动态添加tr/td
html部分:
ajax部分:
var year = $('#year').val();//下拉框数据
var province= $('#province').val();//下拉框数据
$('table tbody').html('');
$.ajax({
url:"/Plan/sendJson.html",
type:"get",
data:{
'year':year,
'province':province
},
datatype:'json',
success:function(data){
switch(data.msg)
{
case '0':
$('table tbody').prepend('
暂无数据');break;
case '1':
$.each(data.data,function(i,n){
var $tr = $("
"+
"
"+n.year+""+
"
"+n.province+""+
"
");
var $table = $('table tbody');
$table.append($tr);
});
}
}
})
php后台(thinkPHP处理):
$year = I('get.year');
$province = I('get.province');
$condition = array();
$year && $condition = array('eq',$year);
$province && $condition = array('eq',$province);
$dataList = M('Plan')->where($condition)->select();
if(false != $dataList){
$data['msg'] = '1';
$data['data'] = $dataList;
echo json_encode($data);
exit;
}else{
$data['msg'] = '0';
$data['data'] = '';
echo json_encode($data);
exit;
}
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery表格(table)操作技巧汇总》、《jQuery操作json数据技巧汇总》、《jQuery form操作技巧汇总》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
ajax动态的给表格添加数据,jQuery+ajax实现动态添加表格tr td功能示例相关推荐
- php表格tr,jQuery+ajax实现动态添加表格tr td功能示例
本文实例讲述了jQuery+ajax实现动态添加表格tr td功能.分享给大家供大家参考,具体如下: 功能:ajax获取后台返回数据给table动态添加tr/td html部分: ajax部分: va ...
- jsp ajax动态添加数据,jquery Ajax实现Select动态添加数据
jquery Ajax实现Select动态添加数据,具体内容如下 1.背景 最近在工作中,遇到了一个关于select的问题.一般情况下,select下拉框中的数据都是固定的或者直接在jsp中读取列表值 ...
- 【看板】ajax动态获取后台传来json数据,加载到页面表格中
ajax动态获取后台传来json数据,加载到页面表格中 摘要 1.WebApi 2.看板HTML 3.ajax获取后台传来的数据:在这里要注意声明提升,所以需要在for循环外var str1 = &q ...
- ajax拿table里的th值,Jquery Ajax 异步设置Table中某列的值
可根据table中某列中的ID去改变某列的值! 只是参考,实际应用中不能这样做的,如果有很多行,频繁访问服务器,服务器是顶不住的! JS: $(document).ready(function () ...
- ajax点击事件无法触发,解决jQuery Ajax动态新增节点无法触发点击事件的问题_婳祎_前端开发者...
在写ajax加载数据的时候发现,后面添加进来的demo节点元素,失去了之前的点击事件.为什么点击事件失效,我们该怎么去解决呢? 其实最简单的方法就是直接在标签中写οnclick="" ...
- jsp标签中添加数据--jQuery 的append()方法以及.empty()方法
直接上代码,不足之处还请多多指正,谢谢! jsp内定义一个div标签,给一个id属性 看下页面效果:(空白,因为目前只是一个div标签里面没有内容) 我们现在来看下,怎么往div里添加数据,我这里是通 ...
- ajax 跨域请求数据,JQuery Ajax执行跨域请求数据的解决方案
JQuery Ajax执行跨域请求数据的解决方案 今天前端因为需要ajax调用两个不同的项目,请求域不一样,所以涉及ajax跨域的问题 ,其实很简单,具体如下 原来的ajax请求如下: $.ajax( ...
- ajax请求获取服务器数据,jquery.ajax发布从app引擎服务器获取数据的请求
为noob问题道歉...... 您好,如何使用jQuery.ajax从appengine服务器的Python端获取数据?我知道如何使用ajax和适当的处理程序将数据发送到服务器,但我想知道是否有人可以 ...
- ajax的添加方法,jQuery - AJAX load()方法如何添加2多变量
我有这段代码.我需要添加一个sub_season var.如何添加更多的var?我在谷歌托盘看,但没有结果. 谢谢你,如果你帮我!jQuery - AJAX load()方法如何添加2多变量 echo ...
- ajax调用ashx的方法,jquery.ajax请求aspx和ashx的异同 Jquery Ajax调用aspx页面方法
1.jquery.ajax请求aspx 请求aspx的静态方法要注意一下问题: (1)aspx的后台方法必须静态,而且添加webmethod特性 (2)在ajax方法中contentType必须是&q ...
最新文章
- 修改after样式_理解:Before和:After伪元素
- Linux下Tomcat安装和配置
- [小错误][JAVA][数组初始化]数组静态初始化和动态初始化不能混用
- mysql 跳表 b 树_简单谈谈Mysql索引与redis跳表
- Servlet梳理一
- 如何做一名出色的屌丝码农?
- 我对于男人喜欢喷香水是觉得很恶心的一件事
- 无聊的小知识--数据中心为啥要建在山区
- 主板检测卡c5_电脑主板检测卡的代码是什么意思_电脑主板故障诊断检测卡代码汇总(5)_飞翔教程...
- resin 配置java_resin安装与配置
- html添加好友界面,添加好友.html
- ping丢包故障处理
- 每个 gopher 都需要了解的 Go AST
- waves服务器系统盘,Waves Soundgrid服务器(DIY)
- vue,videojs实现hls直播(萤石视频回放)
- 滴滴入职要学位证吗学位证_我如何在没有技术学位或工作经验的情况下找到全职开发人员工作...
- 精美素材:10套最新出炉的免费扁平图标下载
- 第3章 Linux内核调试手段之内核打印
- 开始面试,我该准备什么
- 徒步健步打卡活动,徒步过程拍照打卡,让徒步更有趣。box-sizing 属性允许我们在框的总宽度
热门文章
- 使用libevhtp搭建HTTPS SERVER(单向验证身份)
- 通过this()调用有参构造方法
- 04,Django Form源码阅读
- 了解Linux操作系统的引导过程
- php四种基础算法:冒泡,选择,插入和快速排序法PHP基础教程
- [ Talk is Cheap Show me the CODE ] : jQuery Mobile页面布局
- PHP精粹:编写高效PHP代码(资深PHP技术专家多……
- 无错版Vsftpd Mysql Pam设置虚拟用户要领
- 在 Windows下使用 fastText
- 数据增强 | 现实应用思考