javascript - 使用提交按钮提交数据表

Question

我有一个数据表，其中一个列是可编辑的(使用 jeditable 插件)。所以现在我需要一个通用的提交按钮来提交整个更改。 这是我的数据表条目。

          $(document).ready(function(){
            $('#jtable').html( '<table cellpadding="1" cellspacing="1" border="1" class="pretty" id="edit_table"></table>' );
            $("#edit_table").dataTable({
                "aaData": {{ result | safe }},
                "aLengthMenu" : 100,
                "aaSorting": [],
                "aoColumns" : [
                    {'sTitle' : 'Options' },
                    {'sTitle' : 'Values'}
                ],
                "iDisplayLength": -1,
                "bFilter" : false,
                "bSearchable" :false,
                "bInfinite" :true,
                "bSort" :false,
                "bPaginate": false
            });
          $('#edit_table tbody td:eq(3),td:eq(5),td:eq(7)').editable( 'Reschedule.html',{
                "callback": function( sValue, y ) {
                    var aPos = oTable.fnGetPosition( this );
                    oTable.fnUpdate( sValue, aPos[0] );
                },
                "submitdata": function ( value, settings ) {
                    return {
                        "row_id": this.parentNode.getAttribute('id'),
                        "column": oTable.fnGetPosition( this )[2]
                    };
                }
            } );
        } );

所以我需要一个通用的提交按钮来提交表上的数据。我必须使用 python 将数据更新到数据库。 (我正在使用 python + flask 框架工作)。任何帮助将不胜感激。

Answer 1

我还没有使用 Python 来处理表单，所以这里的信息可能有误，但我希望它有一些用处。

您的 html 表单应该只有一种方法，get 或 post，不能同时使用。邮政更安全。您还应该使用一个操作，并将其指向将处理发布数据的 .py 文件。 action="myPy.py"

您还可以创建一个通用按钮并提供一个 onclick 函数以在提交表单之前执行其他操作。例如..

html部分:

<input type="button" value="Submit Form" class="btn_submit" onclick="submitOrder()" />

或者，您可以使用提交按钮“input type='submit'...”，然后在提交之前先使用 jQuery 调用一个函数，例如

$('#yourFormID').submit(function(e) {
//prevent default submit action        
e.preventDefault();
//run your function instead
submitOrder();
});

我还找到了一篇关于使用 Python 提交表单的文章，它可能对你有帮助...... http://blog.miguelgrinberg.com/post/the-flask-mega-tutorial-part-iii-web-forms