功能：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; }
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
如何使用react配合antd组件实现管理系统
js图片转base64方法总结
以上就是怎样实现jquery+ajax动态添加表格tr td的详细内容。