使用PHP数组制作数组Javascript

Question

我有一个ajax脚本，它向我返回一个关联数组列表，如下所示：

array(24) {  
["id"]=>  
string(4) "3478"  
["joindate"]=>  
string(19) "2016-10-17 21:20:28"  
["ip"]=>  
string(12) "xxx.xxx.xx.xx"  
...  
}

array(24) {  
["id"]=>  
string(4) "3479"  
["joindate"]=>  
string(19) "2016-10-17 21:20:28"  
["ip"]=>  
string(12) "xxx.xxx.xx.xx"   
...  
}

的HTML

<thead>
  <tr>
    <th><b><u>key 1</u></b></th>
    <th><b><u>key 2</u></b></th>
    <th><b><u>key 3</u></b></th>
    <th><b><u>key 4</u></b></th>
    <th><b>etc...</b></th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>value 1</td>
    <td>value 2</td>
    <td>value 3</td>
    <td>value 4</td>
    <td>etc...</td>
  </tr>
<tr>
    <td>value 1</td>
    <td>value 2</td>
    <td>value 3</td>
    <td>value 4</td>
    <td>etc...</td>
  </tr>
</tbody>

我当前的javascript，其中formation是ID，method是我的约会

data += "data=" +formation+' '+methode; 
$.ajax({ 
        url: "core/display_lead.php", 
        type: "post", 
        data: data, dataType: "html", 
        success : function(code_html, statut){ 
            console.log(code_html); 
        }, 
        error : function(resultat, statut, erreur){ 
            console.log("La requête n'a pas aboutie..."); 
            console.log(resultat); 
            console.log(statut); 
            console.log(erreur);
         } 
});

我如何获得创建表头的键，然后仅使用值来填充它？

就目前而言，我是通过简单的PHP var_dump将数据传输到Javascript的，也许有一种更简洁的方法？

非常感谢

Answer 1

因此，首先更改您的PHP代码，以发送回JSON respose而不是var_dump

<?php

    $all = array();
    while ($row = mysql_fetch_array($req, MYSQLI_ASSOC)){ 
         $all[] = $row; 
    }

    echo json_encode($all);   

现在，在您的JavaScript中，告诉.ajax功能以JSON作为响应

data += "data=" +formation+' '+methode; 
$.ajax({ 
        url: "core/display_lead.php", 
        type: "post", 
        data: data, 
        dataType: "json",           //<-- amended

        success : function(data, statut){ 
            console.log(data); 
        }, 
        error : function(resultat, statut, erreur){ 
            console.log("La requête n'a pas aboutie..."); 
            console.log(resultat); 
            console.log(statut); 
            console.log(erreur);
         } 
});

现在，使用此答案和@krasipenkov答案，并使用javascript调试器稍微看一下数据，您应该几乎可以一直使用。 success方法上的data参数现在应该是javascript本地数据类型，即数组或对象，具体取决于您在PHP中构建的数据，并且足够容易处理

害怕我真的也必须添加它，现在我看到您正在使用mysql_扩展名。 每次在新代码中使用mysql_数据库扩展名时， 小猫都会被世界各地的某个地方勒死 ，并且已经使用多年了，并且在PHP7中已经永远消失了。 如果您只是学习PHP，请花精力学习PDO或mysqli数据库扩展。 从这里开始

Answer 2

var_dump用于调试目的。 如果您想将数据传输到另一种脚本/语言，则选择json。

因此，您可以执行以下操作（未测试）：

<script>
var myJavascriptVariable = <?php echo(json_encode($myPHPVariable)); ?>;
</script>

在脚本/网站的顶部。 之后，您将拥有用于保存数据的JS变量myJavascriptVariable 。

您可能还想看看jquery之类的“ DataTables”之类的插件（请参阅： https : //datatables.net ）。 这些处理表创建并提供其他功能，例如排序和过滤。

Answer 3

您可以像这样对php返回的结果进行json_encode：

echo json_encode($data);

之后，您可以在javascript中解析它并对其进行迭代：

var html = '<table>';
$.each(data, function(i, item) {
    var head = '';
    var row = '<tr>';
    if($i === 0) {
        head += '<thead><tr>'
    }
    $.each(item, function(key, value) {
        head += '<th><b><u>'+key+'</u></b></th>';
        row += '<td>'+value+'</td>';
    });
    if($i === 0) {
        head += '</tr></thead>'
    }
    row += '</tr>';
    html += head+row;
});​
html += '</table>';

并将html变量附加到html元素。

Answer 4

将数组转换为json_encode并将数据传递给javascript，我用我的方法复制了您的想法：

<html>
    <head>
        <script src='../assets/jquery/jquery-latest.js' type='text/javascript'></script>
    </head>
<?php
        $data_ = array(
            array(
                "id" => "3478",
                "joindate" => "2016-10-17 21:20:28",
                "ip" => "xxx.xxx.xx.xx"
            ),
            array(
                "id" => "3479",
                "joindate" => "2016-10-17 21:20:28",
                "ip" => "xxx.xxx.xx.xx"
            )
        );

        $json_data = json_encode($data_);
    ?>
<script type="text/javascript">
        $(document).ready(function(){
            var data_ = <?php echo $json_data; ?>;
                var html = '<table border="1">';
                    html += '<thead>';
                    html += '<tr>';
                        html += '<th>ID</th>';
                        html += '<th>JOINDATE</th>';
                        html += '<th>IP</th>';
                    html += '</tr>';
                    html += '<thead>';
                    html += '<tbody>';
                        for(var i = 0; i < data_.length; i++) {
                            html += '<tr>';
                                html += '<td>' + data_[i].id + '</td>';
                                html += '<td>' + data_[i].joindate + '</td>';
                                html += '<td>' + data_[i].ip + '</td>';
                            html += '</tr>';
                        }

                    html += '</tbody>';
                $("#div_data").html(html);
        });
    </script>


<body>
    <div id="div_data"></div>
</body>

请忍受我的html标签XD。 希望能帮助到你。