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

【问题标题】：How to create dynamic table using Ajax success如何使用 Ajax 成功创建动态表
【发布时间】：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 你能告诉我吗？

标签： php html jquery laravel

【解决方案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 
        }
    })
  })

【讨论】：

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