日期:2014-05-16  浏览次数:21593 次

利用ajax给table赋值
本帖最后由 litengfei0020 于 2014-03-20 15:30:54 编辑
我在前台有一个需求表 是一个十行五列的表格
我用ajax写入了数据库 ajax方法如下
 function AddValue() {
            var optvalArr = []; var data;
            $(".Opints", "#Need").each(function (i, u) {
                //取行中5个文本框的值
                var a = $("input[name='uModel']", u).val();
                var b = $("input[name='uArea']", u).val();
                var c = $("input[name='uLeiXing']", u).val();
                var d = $("input[name='uPingShu']", u).val();
                var e = $("input[name='uSpec']", u).val();

                optvalArr.push('{"Model":"' + a + '","Area":"' + b + '","LeiXing":"' + c + '","PingShu":"' + d + '","Spec":"' + e + '"}');
                data = JSON.parse("[" + optvalArr.join(",") + "]");

            });
            GetArea(optvalArr);
        }
        function GetArea(optvalArr) {
            $.ajax({
                type: "post",
                url: "tools/UserNeed.ashx",
                data: "action=add&options=" + escape(optvalArr.join(",")) + "",
                success: function (data) {
                    alert(datat);
                }
            })
        }
表格如下图,依次循环十行就可以了
<div class="www_zzjs_net_show1" id="con_zzjs_1">
                        <table width="780" class="xqbd" border="1" align="center" cellpadding="5" cellspacing="0"
                            id="Need">
           &