javascript - 创建、读取、更新、删除、搜索 - 数据表

标签 javascript mysql datatable

这里我有一个数据表:http://jsbin.com/aMAQUWe/1/edit与代码:

<html>
  <head>
    <script type='text/javascript' src='https://www.google.com/jsapi'></script>
    <script type='text/javascript'>
      google.load('visualization', '1', {packages:['table']});
      google.setOnLoadCallback(drawTable);
      function drawTable() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Name');
        data.addColumn('number', 'Salary');
        data.addColumn('boolean', 'Full Time Employee');
        data.addColumn('number', 'Parcele ha');

        data.addRows([
          ['Mike',  {v: 10000, f: '$10,000'}, true, 1200],
          ['Jim',   {v:8000,   f: '$8,000'},  false, 344],
          ['Alice', {v: 12500, f: '$12,500'}, true, 888],
          ['Bob',   {v: 7000,  f: '$7,000'},  true,999]
        ]);

        var table = new google.visualization.Table(document.getElementById('table_div'));
        table.draw(data, {showRowNumber: true});
      }
    </script>
  </head>

  <body>
    <div style='background:#fff'; id='table_div'></div>
  </body>
</html>

在服务器端,我有一个 mysql 表:Employee 和列:name、salary、time、parcele

如何将我的 DataTable 与 mysql 数据库连接起来并使其可用于 CRUD 功能(创建、读取、更新、删除、搜索)?

有没有任何插件或示例,教程如何制作?

抱歉我的英语不好,但我正在努力学习

最佳答案

您是否尝试直接从客户端连接到数据库?如果是这样请阅读此link首先。
正如链接中提到的,这是一种不好的做法。
正确的方法是从服务器端连接到数据库(使用:PHPNode.js等)并动态创建包含数据表的页面你想要的。

关于javascript - 创建、读取、更新、删除、搜索 - 数据表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21365931/

相关文章:

php - 添加分页后PHP函数不再显示mysql数组数据

mysql - 时间戳未在 mysql 中转换

javascript - 单击时执行函数

javascript - 向元素添加另一个类,但作为第一类

javascript - 从 &lt;iframe&gt; 或 <object> 中获取变量的值

javascript - 多数据表切换列

javascript - 如何检查对 jQuery DataTable 的 ajax 调用是否已返回数据

javascript - AngularJS 表单验证无法按预期工作

mysql - 如何将大型 .RRF 文件上传到 MySQL/phpMyAdmin

sql - Excel数据表(SQL查询): Once deleted column no longer shows up