如何使用 Ajax success 创建动态表

How to create dynamic table using Ajax success

提问人:GelS Sy 提问时间:11/10/2021 更新时间:11/10/2021 访问量:1009

问:

我正在尝试从我的数据库数据制作一个动态表,但我遇到了一个问题,老实说,我不知道下一步该怎么做。

我将此代码与静态表一起使用,它工作得很好,但是对于动态表,它永远不会工作。

这是我的刀片文件布局中的代码,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是未定义的

因此,如果有人可以帮助我解决这个问题,我们将不胜感激,或者有其他方法可以解决我的问题吗?先谢谢你。

php html jquery laravel

评论

0赞 D Coder 11/10/2021
请调试$id值,并手动设置$id值并检查输出
0赞 GelS Sy 11/10/2021
@DebasisRath我刚刚做到了,但由于此错误($users未定义),我无法运行我的 laravel 应用程序。
1赞 Rushikesh Ganesh 11/10/2021
如果您使用此 searchInfo 函数查看表数据,那么它将不起作用,因为它具有带有响应的 ajax 请求,您需要通过 ajax 调用进行追加
0赞 GelS Sy 11/10/2021
@RushikeshGanesh你能给我看看吗?

答:

0赞 Rushikesh Ganesh 11/10/2021 #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 
        }
    })
  })

评论

0赞 GelS Sy 11/11/2021
我明白你的意思,但它不适用于我的问题。感谢您的时间和精力。谢谢!