javascript - php 使用 ajax 生成 html 表以应用用户操作，如删除、更新和编辑

Question

我是 ajax 的新手，想将它与 php 一起使用来创建一个用户可以在 web 应用程序的前端编辑的表。

这就是我目前所拥有的...

PHP

class genTable{

  public function table1(){

    global $data;
    $result = $data->getData(); //from another class
    echo '<table class="table"> 
            <tbody>
              <tr>
                <td>Heading</td>
              </tr>';

    foreach($result as $res){
      echo '<tr><td>' . $res['Name'] . '</td></tr>';
    }
    echo '</tbody></table>';
  }

}

最终我会调用那个函数来显示它，有没有办法创建一个 jquery 函数，它使用 ajax 添加三个按钮更新、编辑和新建来执行它们的操作？

Answer 1

在这种情况下我会做的是

foreach($result as $res){

    echo '<tr>'
    echo '<td>' . $res['Name'] . '</td>';
    echo '<td><a href="#" onclick="UpdateUser('.$res['Name'].')">Update</a></td>';
    echo '<td><a href="#" onclick="EditUser('.$res['Name'].')">Edit</a></td>';
    echo '<td><a href="#" onclick="NewUser()">New</a></td>';
    echo '</tr>';

}

然后我将编写那些将接收 $res['Name'](或 ID？)作为参数的 JavaScript 函数。

这些函数可以在为下一个操作调用时进行 ajax 调用。