实时表更新

我想弄清楚如何实时更新表。实时表更新

Ex。
表1有员工姓名，员工ID，有工作（复选框）
|从数据库中提取数据。选中表2 |

表2有员工姓名，员工ID，有工作（选中，复选框）
|当按表1进行检查时，更新/插入到数据库中的另一个表中。并放置在这里。 |

所以表1有一个员工名单，如果我标记他们说他们有工作（检查），他们会从该表到另一个表（实时）。

顺便说一句，会有更多的表，如表1，但只有1个表2.而这一切都将在1页。 IDK如果这很重要，但我正在使用Laravel 4框架。

所以我的想法可能是ajax？

如果有人有我可以学习的一些示例代码，我很乐意。提前致谢。

来源

2014-10-17 Allen

这是Java还是JavaScript相关？另外，你使用PHP吗？ – 2014-10-17 21:18:31

对不起，我更新了它。 – Allen 2014-10-17 21:19:16

看看jQuery的$ .ajax方法在输入字段发生变化后将数据发送到您的laravel资源 – Barry127 2014-10-17 21:22:03

使用jQuery插件的数据表，它容易实现，只需使用JSON

http://www.datatables.net/

发送数据----- -----编辑

它只是一个例子，它创建一个复选框，然后你可以使用jQuery来检测检查事件，并发送另一个Ajax来更新服务器和/或更新第二台

$(function() { 
    $('#table').DataTable(
      { 
       "ajax": { 
        "url": URL_DIR + "ajax/" + extradata, 
        "type": "POST", 
       }, 
       "columnDefs": [ 
        {"targets": [-1], 
         "defaultContent": '<input type="checkbox" name="test" value="test" class="ajax">', 
         "createdCell": function (td, cellData, rowData, row, col) { 
          $(td).children('input').attr('data-id', rowData[0]); 
         }}, 
       ], 
      } 
    ) 
    $('body').on('click', 'checkbox.ajax', function() { 
     alert('click'); 
    }); 
})

来源

2014-10-17 21:21:27 Chico3001

我使用的是DataTable，但是我的东西是，如果我选中该框（有工作），它将如何保存到数据库以及表2更新在同一页上？ – Allen 2014-10-17 21:23:37

刚刚编辑答案，它添加了一个复选框到表 – Chico3001 2014-10-17 21:40:22

这里是我的刀片模板[pastebin]（http://pastebin.com/8NGZPT7x）我想点击已有的工作，它移动到有工作。在所有人都说过的所有输入之后，我似乎无法得到这个结果。对不起 – Allen 2014-10-21 16:31:44

这听起来像你需要像Ember或Angular或Knockout或Backbone或？的框架。这些Javascript框架将通过AJAX连接到API并允许用户界面。

如果是一个小项目，可以使用jQuery来处理AJAX请求;没有必要的大框架。

来源

2014-10-17 21:22:33 Jason

我在看AngularJS，因为它是实时的（onepage），但不确定这是否是最好的选择。但可能是唯一的选择。 – Allen 2014-10-17 21:26:16

为了在这里验证，你意识到虽然它是AJAX并且处理客户端，但它不比应用程序使用PHP构建更“实时”。 AJAX请求只会在更改完成后才会发生，因此从理论上讲，如果您一次有多个编辑器，他们不一定会立即看到对方的更改。 – Jason 2014-10-17 21:41:58

回答

相关问题