在使用Jquery+Ajax 往Table 中Td 添加入数据,

如何使用jquery ajax 向 table中添加数据,我用的是asp.net,不过没用asp.net服务器控件,我是自己画的table表格,那如何调用sql添加数据到table中呢?我觉得用服务器控件耗资源所以没用了。

//调用一般处理程序  将你的DataTable转为json Response.Write(json);

var para = {
   "actionname":"xx"
}  //定义好你需要传的参数
$.ajax({
                url: location.href, //url地址
                type: "POST",
                data: para,//模拟个数据
                success: function (result) {
                //我这里返回的是text 
                    if (result != "" && result != undefined) {
                        var data = JSON.parse(result);   //所以这里转了一不json 如果你返回的直接是json就不用转了直接操作result
                        var tempHtml = "";
                        for(var i = 0; i< data.length; i++)
                        {
                             tempHtml += "<tr><td>"+data[i]["name"]+"</td></tr>";
                        }
                        $("table").append(tempHtml); //添加你拼接好的html到table里
                    }
                }, error: function (err) {

                }
    });

温馨提示:内容为网友见解,仅供参考
第1个回答  2018-03-31

在使用Jquery+Ajax 往Table 中Td 添加入数据的方法如下:

在数据少的情况下直接给id或class传值,多行数据要用循环,代码如下:

$.post("", "data:getType", function (res) {
var date = Pase(res);
var str = "";
$.each(data.result, function (i, j) {
str += "<tr>";
str += "<td></td>";
str += "</tr>";
})
document.getElementById("tbody").add(str);
})
<table><tbody id="tbody"></tbody></table>

jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。

本回答被网友采纳
第2个回答  推荐于2017-12-30
数据少的情况下
直接给id或class传值
多行数据要用循环
$.post("", "data:getType", function (res) {
var date = Pase(res);
var str = "";
$.each(data.result, function (i, j) {
str += "<tr>";
str += "<td></td>";
str += "</tr>";
})
document.getElementById("tbody").add(str);
})
<table><tbody id="tbody"></tbody></table>本回答被网友采纳
第3个回答  2014-09-09
var index = 1;
success:function(data){
$("#tr"+index).remove();
$("#tab").append("<tr id='tr'"+index+"><td>"+data.name+"</td></tr>");
}
请采纳答案,支持我一下。
第4个回答  2017-07-31
给个ajax接口就行。

$.post(URL,data,callback);

ajax异步用jquery动态创建table,添加tr-td的同时,需要合并跨行的相同...
("#table3 tr:gt(0):eq(1) td:eq(1)").attr("colspan", 2);$("#table3 tr:gt(0):eq(1) td:eq(2)").remove();

关于jQuery中dataTable问题,如何修改sAjaxSource添加参数
this.value 是对应的input的值 3.("tfoot th").index($(this).parent())+1 因为序列index是从0取的,而实际行数应该需要加1.好比 0.1.2 其实是有3个数,但显示最后是2.需要+1 按你的代码得到的是 7

用jquery和ajax php将数据插入到mysql数据库,为什么插入一条就再不能...
因为你是采用get方式发送请求的,在上面的例子中,您可能得到的是缓存的结果。为了避免这种情况,例如可以向 URL 添加一个唯一的 ID: xmlhttp.open("GET", "reg.php?t="+Math.random(), true);我看了你上面的dt=+new Date().getTime(),我验证了一下,如下图所示:为什么getTime()得到的...

jQuery怎么获取某表格中的一列td的值
第一种:直接获取table 总td的值。("table").each(function(){ \/\/ 获取表格table中,第几个td的文本 var t1 =$(this).find('td').eq(2).text();alert(t1);})第二种:获取在页面上点击对应的表格获取点击的值 \/\/点击id = table 中选中的值获取选中的值 ("#table td").click(funct...

jquery+ajax实现动态加载表单
springMVC+jquery+ajax+jsp实现在页面中输入数字后,点击按钮,表单中自动加载指定行数据。1、user实体类 2、创建controller组件类。toDymyuser()方法用于跳转到jsp页面 getMyUserClass()方法用于jsp页面的数据加载来源 3、新增jsp页面 1)、获取当前服务路径bathpath 2)、引入jquery包,这里直接使用的...

...ajax 实现点击表格一行数据刷新另一个表格的数据(不刷新整个页面...
用ajax请求数据把要刷新的表用一个层包着,请求回来替换这个层的数据。用jquery可以很容易实现。<div id="t1"> <table> <tr><td onclick="refertable2(this)" tid="45">点我刷新表2<\/td><\/tr> <\/table> <\/div> <div id="t2"> <table> <tr><td >这里是数据页面返回数据<\/td><\/...

如何用jquery实现用ajax读取数据,修改后再返回?
通过动态语言连接数据库读取好数据,以表格的方式组合数据返回到ajax的回调函数里头,直接添加到页面的dom上的 .get("test.asp", data:{id:01}, function(data){data.appendTo(".div");\/\/将返回的结果添加到页面上})asp:< id=request("id")sql="select * from tb where ...response.write...

Jquery ajax 传入表格的表头,如何动态创建表格。
您好:动态创建元素,可以用jQurey的方法如:$("<table><\/table>");这样就是创建了一个表格对象了,然后将这个对像用appendchild()方法添加到节点中就可以了。

怎么使用ajax或jquery动态刷新下拉菜单里的值
,可以写在这里,参数名,可能你看不太懂.:$('\/);div id="script>,格式为;第一步,使用jquery的ajax技术,将数据读入。相关的函数有$.ajax(), $.get(), $.post()$.load() 等函数。使用方法请百度一下,教程非常多。第二步,将读入的数据使用jquer的选择器比如$("#divid"...

求助!ajax+jquery+动态创建的元素节点 我通过ajax请求A页面中的div...
<div> <div>1<\/div><ul><li>2<\/li><\/ul> <p>这是P<\/p> <button>按钮<\/button><\/div>因为div标签里的内容是你ajax获取后加载进来的,属性动态添加的,绑定事件,推荐用on,当然delegate也一样。\/\/因为你div内的内容是动态添加的,但这个div肯定不是吧,\/\/所以把事件绑定在div...

相似回答