php表格tr,jQuery+ajax实现动态添加表格tr td功能示例

本文实例讲述了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程序设计有所帮助。

php表格tr,jQuery+ajax实现动态添加表格tr td功能示例相关推荐

一个简单的jQuery例子，动态添加表格和删除
效果如图: 详细代码如下: <%@ page language="java" import="java.util.*" pageEncoding=&quo ...
jQuery+Ajax动态添加表格
最近做课设,涉及到前端知识,设计的项目需要用jQuery动态添加删除html中table的tr和td,试遍了网上的代码都无济于事,无奈只能自己编写.先展示运行结果: 详细代码如下: dao层代码: / ...
php 动态添加表格行,jQuery给html表格动态添加行方法总结
这次给大家带来jQuery给html表格动态添加行方法总结,jQuery给html表格动态添加行的注意事项有哪些,下面就是实战案例,一起来看一下. 本文实例讲述了jQuery实现html表格动态添加新 ...
原生态JS和JQuery版的动态添加、删除表格行
过了太久,JQuery都生疏了,闲来没事,写着玩玩. 下面HTML代码作用:提交一个表单,将复选框的值提交(复选框的值等于后面的文本框,复选框和文本框处在同一行,可以动态添加和删除). >原生态 ...
jquery 如何获取动态添加的元素
2019独角兽企业重金招聘Python工程师标准>>> <td><buttonclass="del">删除</button>& ...
Javascript DOM动态添加表格
一次翻译技术文章,本身英语水平很烂,翻译的也是自己刚开始学习的技术,所以能勉强看懂英文的话都要尽量读原文而不要看我的翻译,免得被误导.阅读原文这篇文章简单介绍了DOM 1.0一些基本而强大的方法 ...
layui 动态添加表格数据
静态表格: <table class="layui-table" id="table" lay-filter="table">& ...
ie统计报表html,IE中动态添加表格
layui动态添加删除表格,并获取表格中的值标题 //点击追加触发$(function(){$("#button").click(function(){var div_ = $( ...
用js实现动态添加表格数据
第一种方式: <!DOCTYPE HTML> < html > < head > < meta charset = UTF -8> < titl ...

php表格tr,jQuery+ajax实现动态添加表格tr td功能示例

php表格tr,jQuery+ajax实现动态添加表格tr td功能示例相关推荐

最新文章

热门文章