PHP foreach 循环中的 Ajax POST

Question

我正在使用 $.post 在 php foreach 循环内发布一些数据，例如变量、公司名称到控制器方法。在控制器中，我回显了一个使用传递的数据绘制的条形图。 现在在 foreach 循环中，我动态生成了一个 id，该 id 将传递给某个 '' 元素，我需要绘制这个在该 div 内传回的条形图。 我现在使用的代码贴在下面：

    <?php
        $id=0;
        foreach($customer_companies as $data) {
            $company_name=$data->CompanyName;
            echo '<tr>
                  <script>function show_graph()
            {
                $.post("'.$base.'reports/single_bargraph/'.$company_name.'",      {},function(result){
                       $("#'.$id.'").html(result);
                });
             }                                  
        </script> 
        <td class="tablecntntgry" id="'.$id.'" height="45"> 
            <script type="text/javascript"> show_graph();   </script>                            
        </td>
      </tr>';
?>

假设，我为获取数据 $customer_companies 实现了分页，并且一次在页面中显示 3 个。现在我面临的问题是图形没有绘制在指定的 id 中。:( 有时，它会绘制在正确的 3 个 td 生成但有时 2/3 会绘制在同一个 td 重叠另一个:( 有人可以帮我解决这个问题吗？

Answer 1

通常 AJAX 请求需要时间才能得到响应。但是当响应到达客户端机器时，您已经覆盖了该函数！

我建议您将脚本标记放在 PHP foreach 循环之前的某个位置，并更改函数以接受两个参数。

1. 公司名称
2. 结果 div ID

Answer 2

您确实需要在这里重新考虑您的方法，您正在滥用 javascript 的灵活性。您正在多次定义showGraph() 函数，那么您希望javascript 触发哪个版本的方法？应该是第一个吧。将你的 js 与你的 php 分开。

<?php
        $id=0;
        foreach($customer_companies as $data) {
            $company_name=$data->CompanyName;
            echo '<tr id="'.$data['CompanyName'].'" class="companies"></tr>';
?>

$(function(){
   $('.companies').each(function(){
      $.post("'.$base.'reports/single_bargraph/'.$company_name.'",      {},function(result){
                       $(this).append('<td class="tablecntntgry">'+result+'</td>');
                });
   });
});

Answer 3

1. $id 在您的样本中始终为零。
2. 你需要单独的函数show_graph'.$i.'()（说实话你根本不需要函数，把你的$.post放在表格后面）

---

编辑：您的脚本应如下所示：

<?php

echo "<table>";
foreach ($customer_companies as $id => $data) {    
    echo '<tr><td class="tablecntntgry" id="row' . $id . '" height="45"></td></tr>';
}
echo "</table>";

// NOTE i open <script> tag after </table> closing tag

echo '<script>';
foreach ($customer_companies as $id => $data) {
    $company_name = $data->CompanyName;
    echo '
    $.post("' . $base . 'reports/single_bargraph/' . $company_name . '", {},function(result){
        $("#row' . $id . '").html(result);
    });                                  
    ';
}
echo '</script>';