javascript - 将 MySQL 数据库中的表转换为 Javascript 中的变量

Question

我有一个 MySQL 数据库，其中有这样的简单表:

colorTable
label | price | name
---------------------
red      10      Red
blue     20      Blue

sizeTable
label | price | name | available
---------------------------------
small    5       Small    Yes
med      10      Med      No

我想将这些变量加载到 JavaScript 变量中，以便它们成为像这样的对象数组:

var colorTable = [
    {label:'red', price: '10', name: 'Red'},
    {label:'blue', price: '20', name: 'Blue'}
];

var sizeTable = [
     {label:'small', price: '5', name: '10', available: 'Yes'},
     {label:'med', price: '10', name: 'Med', available: 'No'}
];

我能够通过将变量输出到一个普通的 .php 文件并将该文件作为 JavaScript 文件加载来加载它们，但有些东西告诉我有更好的方法，但我不知道那会是什么样子？

我可以使用普通的 javascript 或 jQuery，以最简单的为准。

它需要循环遍历无限数量的表(以及这些表中的列)，以自动为添加到数据库的每个表提取数据。

Answer 1

有一个 getData.php 页面，可以从数据库中获取数据，如下所示:

if(isset($_POST['command'])&&$_POST['command']=='getMyData'){ 
    // .... get data from db
    // in your php, you'll need to loop over the tables you have and order the results something like this:

    $tables=["colorTable"=> $colorTableQueryResult, "sizeTable"=>$sizeTableQueryResult];
    echo json_encode($tables);
    exit;
}

然后在 .js 文件中包含以下内容:

       $.ajax({
          type: "POST",
          url: "getData.php",
          data: {command:'getMyData'},
          dataType:'JSON',
          success: function(response) {
                console.log(response);             
          },
          error: function(xhr, status, error) {
            var err = eval("(" + xhr.responseText + ")");
            console.log(err.Message);
          }
       });

结果应该是:

   {
    colorTable = [{
        label: 'red',
        price: '10',
        name: 'Red'
      }, {
        label: 'blue',
        price: '20',
        name: 'Blue'
      }],
      sizeTable: [{
          label: 'small',
          price: '5',
          name: '10',
          available: 'Yes'
        }, {
          label: 'med',
          price: '10',
          name: 'Med',
          available: 'No'
        }
      }

像response.colorTable一样访问它们