再看那柔弱的柳树吧,在寒冬余威尚盛时节,就早早苏醒过来,望着冰冻的河面,迎着凛冽的寒风,它微微察觉出一丝春意,于是,不顾一切地率先吐翠,淡淡地披起娇黄嫩绿的新装。沿河望去,枝梢间烟纱雾彀,一片生机,这情景仿佛一首动人的歌,一首热烈向往春天的歌,一首报告春的信息的歌,一首表达美好信念的歌。我在想:既然迎春花被人称作报春花,那么,柳树可不可以叫作报春树呢春来了,万千柳枝在春风中袅袅舞动。柳树是热爱春天的,春天也是热爱柳树的。
本文实例讲述了jQuery+ajax实现动态添加表格tr td功能。分享给大家供大家参考,具体如下:
功能:ajax获取后台返回数据给table动态添加tr/td
html部分:
<table> <tbody></tbody> </table>
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('<tr><td colspan='2'>暂无数据</td></tr>');break; case '1': $.each(data.data,function(i,n){ var $tr = $("<tr>"+ "<td>"+n.year+"</td>"+ "<td>"+n.province+"</td>"+ "</tr>"); 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+ajax实现动态添加表格tr td功能示例到此结束。每天开心笑,累了就睡觉,醒了就微笑。生活,没什么大不了!小编再次感谢大家对我们的支持!