动态添加在表格后一行,显示在页面上,无刷新添加

//异步添加数据到数据库,动态添加在表格后一行,显示在页面上,无刷新添加
$("#btnAdd").click(function () {

var txtbig = $("#txtBig").val();
var txtcount = $("#txtCount").val();
//加上时间,防止出现缓存
$.get("caozuo.ashx?big=" + txtbig + "&count=" + txtcount + "&time=" + new Date().getTime(), function (data) {
if (data == "1") {
//动态添加表格一行,jquery屏蔽了浏览器了兼容问题,
//使用javascript创建时,会出现IE不显示的,Debugbar查看,填进去了但是,没在tbody内
var tr = $("<tr></tr>");
var td1 = $("<td>" + txtbig + "</td>");

var td2 = $("<td><input type='text' value='" + txtcount + "'></input></td>");
//将列添加到行内
tr.append(td1);
tr.append(td2);
//获取表格id,将行添加进去
$("#bigtable").append(tr);
//span标签提示成功
$("#tishi").html("添加成功").css("color", "red");
} else {
alert("添加失败");
}

});
});


简单的异步无刷新,添加,可以实现无刷现评论等等

原文地址:https://www.cnblogs.com/gylspx/p/hgfgs.html