如何使用 Ajax 成功创建动态表

Posted 2023-05-08

【中文标题】如何使用 Ajax 成功创建动态表

【英文标题】：How to create dynamic table using Ajax success

【发布时间】：2021-12-22 16:39:18

【问题描述】：

我正在尝试从我的数据库数据中创建一个动态表，但我遇到了一个问题，我真的不知道下一步该做什么。

我将此代码与静态表一起使用，它工作得非常好，但与动态表一起使用，它永远不会工作。

这是我的刀片文件 layout 中的代码，id = informationmodal。

<table id="employee">
 <tr>
  <td>ID Type</td>
  <td>ID Number</td>
 </tr>
 @foreach ($users as $user)
  <tr>
   <td> $user->id_type </td>
   <td> $user->id_number </td>
  </tr>
 @endforeach
</table>

这是来自其他刀片文件的我的 Ajax 函数。

    $(document).on('click', '.showdata', function()
        var id = $(this).attr('id');
        $.ajax(
            url: "/search/"+id+"/searchInfo",
            dataType:"json",
            success:function(html)
                $('#informationmodal').modal('show');
            
            
        )
    );

这是我的控制器代码

public function searchInfo($id)

    if(request()->ajax())
    
        $users = myModal::select('*')->where('fk_emp_id','=', $id)->firstOrFail();
        return response()->json(['users' => $users]);
    

它给了我一个错误 $users is undefined

所以如果有人可以帮助我这个问题将不胜感激，或者还有其他方法可以解决我的问题吗？提前谢谢你。

【问题讨论】：

请调试$id值，手动设置$id值并检查输出

@DebasisRath 我刚刚做了，但由于这个错误（$users 未定义），我无法运行我的 laravel 应用程序。

如果你使用这个 searchInfo 函数来查看表格数据，那么它不会工作，因为它有 ajax 请求和响应，你需要通过 ajax 调用追加

@RushikeshGanesh 你能告诉我吗？

【参考方案1】：

这只是为了理解目的

控制器代码

  public function index($id)
    $users = myModal::select('*')->where('fk_emp_id','=', $id)->firstOrFail();
    return view('admin.table',compact('users'));
  

这是将数据传递到刀片文件的索引函数

刀片文件

<table id="employee">
 <tr>
   <td>ID Type</td>
   <td>ID Number</td>
 </tr>
@foreach ($users as $user)
<tr>
   <td> $user->id_type </td>
   <td> $user->id_number </td>
 </tr>
 @endforeach

对于 Ajax 响应

   $(document).ready(function () 
    var id = $(this).attr('id');
    $.ajax(
        url: "/search/"+id+"/searchInfo",
        dataType:"json",
        success:function(data)
           //append the respose as per your requriement 
        
    )
  )

【讨论】：

我明白你的意思，但它不适用于我的问题。我感谢您的时间和精力。谢谢！