datatable添加一行后怎么能够自动刷新页面

Question

fnDraw()方法，删除的时候好使，添加的时候没有反应呢？jquery-validation 用button按钮提交的时候该怎么写。

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

要实现DataTable中添加一行后自动刷新页面的效果，你需要在添加数据行时调用draw()方法。这将触发重新绘制表格的数据源。

$(document).ready(function(){
    var table = $('#example').DataTable();
    table.on('order.dt search.dt', function () {
        draw(); // 调用自定义的draw函数
    });
});

这里，我们使用了jQuery的on事件处理器来监听数据表的排序和搜索操作。当这些操作发生时，会触发draw()方法。

关于jquery-validation中的按钮提交问题，你可以按照以下步骤处理：

1. 首先，在你的HTML文件中创建一个按钮，并将其添加到相应的表单元素上：

   <input type="submit" id="submit-button" value="Submit">
   

2. 然后，为这个按钮添加点击事件：

   <script>
       $(document).ready(function(){
           $("#submit-button").click(function(event){
               event.preventDefault(); // 阻止默认的表单提交行为
               $.ajax({
                   url: 'your-form-url', // 替换为你实际的URL
                   method: 'POST',
                   data: {field_name: 'value'}, // 这里替换为你想要验证的字段名和值
                   success: function(response) {
                       // 在这里处理成功响应
                   },
                   error: function(xhr, status, error) {
                       // 在这里处理错误响应
                   }
               });
           });
       });
   </script>
   

3. 最后，在你的JavaScript脚本中，确保你正确地设置了服务器端发送请求的URL以及提交表单所需的字段名称。

4. 为了防止重复提交，请设置event.preventDefault()，它阻止了原始表单提交的行为，从而避免了多次提交同一表单。

以上就是如何使用jQuery和jQuery Validation来完成你的任务。