请问这段代码该如何对接数据库？ - 编程论坛

程序代码：

<body>
    <div style="width: 750px; margin: 50px auto 0;">
        <div>颜色分类：<input id="i_color" width="60" /><span class="i_color_error">*</span></div>
        <div>规格型号：<input id="i_model" width="60" /><span class="i_model_error">*</span><span id="i_model_add">增加</span></div>
        <table width="750" border="1" cellpadding="4" cellspacing="1"  bordercolor="#C9DBEF" id="ctr" >
            <tr>
                <td>颜色</td>
                <td>图片</td>
                <td>规格</td>
                <td>价格</td>
                <td>数量</td>
                <td>条码</td>
                <td>仓库</td>
                <td>删除</td>
            </tr>
        </table>
        <script type="text/javascript">
        (function($){
            var color = '';
            var model = '';
            var bool;
            var td_size = $('#ctr tr:first td').size();
            var tr;
            var index = 0;
            var boo_index;
            var rowspan;
            var click_bool;
            $('#i_model_add').click(function(){
                bool  = false;
                boo_index = true;
                model = $('#i_model').val().trim();
                color = $('#i_color').val().trim();
                if(model == ''){
                    bool = true;
                    $('.i_model_error').show();
                }
                else{
                    $('.i_model_error').hide();
                }
                if(color == ''){
                    bool = true;
                    $('.i_color_error').show();
                }
                else{
                    $('.i_color_error').hide();
                }
                if(bool){
                    return false;
                }
                $('.sekuan').each(function(){
                    if($(this).html() == color){
                        rowspan = $(this).parent().attr('rowspan');
                        if(rowspan > 0){
                            rowspan ++;
                        }
                        else{
                            rowspan = 2;
                        }
                        $(this).parent().attr('rowspan',rowspan);
                        $(this).parent().parent().find('.pic').parent().attr('rowspan',rowspan);
                        tr = '<tr><td><span class="guige">' + model + '</span></td><td><input class="pirce2" value="<%=pirce2%>"/></td><td><input class="shulian" nKeyUp="this.value=this.value.replace(/\D/g,\'\')"  onafterpaste="this.value=this.value.replace(/\D/g,\'\')" value="1"/></td><td><input class="tiaoma" value="<%=tiaoma%>"/></td><td><input class="ku" value="<%=ku%>" /></td><td><span class="remove">删除</span></td></tr>';
                        $(this).parent().parent().after(tr);
                        boo_index = false;
                    }
                });
                if(boo_index){
                    tr = '<tr><td><span class="sekuan">' + color + '</span></td><td><input type="file" class="pic" /></td><td><span class="guige">' + model + '</span></td><td><input class="pirce2" value="<%=pirce2%>"/></td><td><input class="shulian" nKeyUp="this.value=this.value.replace(/\D/g,\'\')"  onafterpaste="this.value=this.value.replace(/\D/g,\'\')" value="1"/></td><td><input class="tiaoma" value="<%=tiaoma%>"/></td><td><input class="ku" value="<%=ku%>"/></td><td><span class="remove">删除</span></td></tr>';
                    $('tbody').append(tr);
                }
            });
            $('.remove').live('click',function(){
                if($(this).parent().parent().find('td').size() == td_size && (!$(this).parent().parent().find('td:first').attr('rowspan') || $(this).parent().parent().find('td:first').attr('rowspan') == 1)){
                    $(this).parent().parent().remove();
                }
                if($(this).parent().parent().find('td').size() < td_size){
                    click_bool = true;
                    $(this).parent().parent().prevAll('tr').each(function(){
                        if(click_bool && $(this).find('td:first').attr('rowspan')){
                            rowspan = $(this).find('td:first').attr('rowspan');
                            rowspan --;
                            $(this).find('td:first,td:eq(1)').attr('rowspan',rowspan);
                            click_bool = false;
                        }
                    });
                    $(this).parent().parent().remove();
                }
                if($(this).parent().parent().find('td').size() == td_size && $(this).parent().parent().find('td:first').attr('rowspan') > 1){
                    rowspan = $(this).parent().parent().find('td:first').attr('rowspan');
                    rowspan --;
                    $(this).parent().parent().next().prepend($(this).parent().parent().find('td:eq(1)').clone());
                    $(this).parent().parent().next().prepend($(this).parent().parent().find('td:first').clone());
                    $(this).parent().parent().next().find('td:first,td:eq(1)').attr('rowspan',rowspan);
                    $(this).parent().parent().remove();
                }
            });
        })(jQuery);
        </script>
    </div>
</body>
</html>