append动态生成table，数据保存到数据库

annies 2012-10-14 04:18:34

求append动态生成table，数据保存到数据库的例子，求代码

...全文

292 24 打赏收藏转发到动态举报

写回复

用AI写文章

24 条回复

切换为时间正序

请发表友善的回复…

发表回复

孟子E章 2012-10-16

打赏
举报

test.aspx
jquery-1.8.0.min.js
getdata.aspx
放在一个目录下，http访问，就可以了

没有不行的，代码都是测试过的。asp.net2.0,4.0都是可以的

不行的代码我会给你贴吗？？

annies 2012-10-16

打赏
举报

[Quote=引用 21 楼的回复:]

接收页面和测试页面上2个文件，
[/Quote]
不行

孟子E章 2012-10-16

打赏
举报

接收页面和测试页面上2个文件，

annies 2012-10-16

打赏
举报

[Quote=引用 19 楼的回复:]
[/Quote]
“/WebSite1”应用程序中的服务器错误。
未将对象引用设置到对象的实例。
说明: 执行当前 Web 请求期间，出现未处理的异常。请检查堆栈跟踪信息，以了解有关该错误以及代码中导致错误的出处的详细信息。

异常详细信息: System.NullReferenceException: 未将对象引用设置到对象的实例。

源错误:

行 7: protected void Page_Load(object sender, EventArgs e)
行 8: {
行 9: string[] id = Request.Form["id"].Split(',');
行 10: Response.Write("你输入的内容：\r\n");
行 11: for (int i = 0; i < id.Length; i++)

annies 2012-10-16

打赏
举报

不要激动啊，是我还木有搞清楚，贴出来是想问问你我怎么错啦，不是说你代码错啦哈，sorry

孟子E章 2012-10-15

打赏
举报

例子



<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

    <title>dddd</title>

    <script src="jquery-1.8.0.min.js" type="text/javascript"></script>

    <script type="text/javascript">

        function AddRows() {

            //测试数据，你从哪里得到都是可以的，这里只是示例

            arr = [{ "Goods_id": "66", "Goods_name": "AAA" }, { "Goods_id": "6", "Goods_name": "BBB" }, { "Goods_id": "3", "Goods_name": "CCC"}];

            $(arr).each(function (index,k) {

                $("#content_body").append("<tr><td style='border-left:1px solid #cccccc'><input type='checkbox' id='ID" + k["Goods_id"] + "' /></td><td>" + k["Goods_id"] + "</td><td><input id='Name" + k["Goods_id"] + "'/></td><td>" + k["Goods_name"] + "</td></tr>");

            });

        }



        function GetData() {

            txtdata = [];

            id = [];

            chkbox = [];

            $("#content_body tr").each(function (index, k) {

                chk = $(k).find("input[type='checkbox']");

                rowId = chk.attr("id").substr(2);

                id.push(rowId);            

                if (chk.attr("checked")) {

                    chkbox.push('"checkbox' + rowId + '":"' + rowId + '"');

                 }

                txtdata.push('"name' + rowId + '":"' + $("#Name" + rowId).val() + '"');

            });

            data = '{"id":"' + id + '",' + txtdata + ',' + chkbox + '}';

            $.ajax({ url: 'getData.aspx',

                type: 'post',

                data: $.parseJSON(data),

                success: function (result) { alert(result); }

            }); 

        }

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <table id="content_body">

    </table>

    <input type="button" value="生成表格" onclick="AddRows()" />

    <input type="button" value="得到数据" onclick="GetData()" />

    </form>

</body>

</html>

后台接收输入的内容

<%@ Page Language="C#" %>



<script runat="server">



    protected void Page_Load(object sender, EventArgs e)

    {

        String[] id = Request.Form["id"].Split(',');

        Response.Write("你输入的内容：\r\n");

        for (int i = 0; i < id.Length; i++)

        {

            Response.Write("得到选中的Id=："+ Request.Form["checkbox" + id[i]] +"\r\n");

            Response.Write("得到输入的内容：" + Request.Form["name" + id[i]] + "\r\n");

        }

    }

</script>

需要注意的是格式。
你可以先拷贝粘贴测试

annies 2012-10-15

打赏
举报

[Quote=引用 16 楼的回复:]

这都是基础的东西，你还是别问了。好好学习。
[/Quote]
谢啦哈

annies 2012-10-15

打赏
举报

额，我也知道啊，可是不问我怎么学啊，从哪学都不知道

诺维斯基 2012-10-15

打赏
举报

这都是基础的东西，你还是别问了。好好学习。

annies 2012-10-15

打赏
举报

那是不是要写后台啦，可是要怎么把一串数据截取出来

annies 2012-10-15

打赏
举报

$('table input:checked').parent('td').siblings('td')
这样获取啦所有哒，算获取啦数据不

孟子E章 2012-10-15

打赏
举报

现在生成table你会了。
下一步，你得到数据会吗？

annies 2012-10-15

打赏
举报

我会生成，问题是不会保存
function table_data(){
fn_ajax("PurchBilling.aspx/tbl_data",null,function(data){
if(data=="null_data"){
table();
}
else{
var tbl_json=eval(data);
$("#content_body").empty();
$.each(tbl_json,function(i,k){
$("#content_body").append("<tr id='tr' onclick='win_open(\"add_open\")' num='"+k["Goods_id"]+"'><td style='border-left:1px solid #cccccc'><input name='checkbox' class='checkbox' type='checkbox' check='false' id='"+k["Goods_id"]+"' /></td><td>"+k["Goods_id"]+"</td><td>"+k["Goods_name"]+"</td><td>"+k["Specifications"]+"</td><td>"+k["Singular"]+"</td><td>"+k["PurchBilling_number"]+"</td><td>"+k["PurchBilling_unitprice"]+"</td><td>"+k["PurchBilling_unitprice"]+"</td><td>"+k["Goods_barcode"]+"</td></tr>");
})
}
},erroy)
}