實時表更新

我想弄清楚如何實時更新表。實時表更新

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

回答

相關問題