功能：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;}
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
怎样利用vue.js内.native修饰符
处理父组件方法更新到子组件无法渲染
以上就是jquery+ajax添加列表元素的详细内容。