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

精选转载

吖五kakkoii 2014-10-29 16:37:51

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

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

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

                });
            });