Php 将数据库值传递给modal popup

我想将获取的数据库值传递给模式弹出窗口。我已经从数据库中获取了值，并将其列为带有分页的表

“名称”字段有链接，在触发链接时将显示模型弹出窗口。我想列出我从laravel 5.3中的链接中检查的名称的详细信息

现在，所有链接的模型弹出窗口都触发了“Modal Header 3”。我想知道如何传递值Modal popup并显示特定id的详细信息。我想知道我是否需要单独的页面或控制器来执行此操作。在何处写入模式弹出窗口的查询。如何显示特定id的详细信息

身份证姓名年龄

1 xx 26

2年28日

3 zz 30

<table border = 1>
     <tr>
        <td>ID</td>
        <td>Passanger Name</td>
        <td>Destination</td>
        <td>Created Date</td>
     </tr>
     @foreach ($users as $user)
     <tr>
        <td>{{ $user->p_id }}</td>
        <td><a href="#" class="viewPopLink" role="button" data-id="{{ $user->p_id }}" data-toggle="modal" data-target="#myModal">{{ $user->p_name }}<a></td>
        <td>{{ $user->destination }}</td>
        <td>{{ $user->created_date }}</td>
    </tr>
     @endforeach

  </table>
{{$users->links()}}

 <div class="modal fade" id="myModal" role="dialog">
 <div class="modal-dialog">

  <!-- Modal content-->
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times;</button>
      <h4 class="modal-title">Modal Header {{ $user->p_id }}</h4>
    </div>
    <div class="modal-body">
      <p>Some text in the modal.</p>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
  </div>

</div>

身份证件
旅客姓名
目的地
创建日期
@foreach（$users作为$user）
{{$user->p_id}
{{$user->p_name}
{{$user->destination}
{{$user->created_date}
@endforeach
{{$users->links（）}
&时代；
模式头{{$user->p_id}
模态中的一些文本

接近

使用jquery ajax请求并获取用户数据以设置模式

 $(document).on('click', '.viewPopLink', function() {    
    var user_id = $(this).data('id');
    $.ajax({
      url: 'user/get-details',
      type: 'GET',
      data: 'id='+user_id,
      dataType: 'JSON',
      success: function(data, textStatus, jqXHR){
        var name = data.name;
        $('.modal-title').html('<span>Modal Header ' + name + '</span>');   
        $('#myModal').modal('show');
      },
      error: function(jqXHR, textStatus, errorThrown){

      },
    });    
  });

---

使用jqueryajax请求并获取用户数据以设置模式

 $(document).on('click', '.viewPopLink', function() {    
    var user_id = $(this).data('id');
    $.ajax({
      url: 'user/get-details',
      type: 'GET',
      data: 'id='+user_id,
      dataType: 'JSON',
      success: function(data, textStatus, jqXHR){
        var name = data.name;
        $('.modal-title').html('<span>Modal Header ' + name + '</span>');   
        $('#myModal').modal('show');
      },
      error: function(jqXHR, textStatus, errorThrown){

      },
    });    
  });

---

您可以按照@Komal建议的方式执行，但我不会再执行另一个AJAX请求，因为您已经在当前视图中拥有了模态所需的所有数据。这样还可以避免编写其他控制器

将您需要的数据添加到

元素中，并通过为模态添加一个简单的“加载”方法，使用它将数据填充到模态弹出窗口中

这是代码

<td>
   <a href="#" class="viewPopLink" role="button" 
      data-id="{{ $user->p_id }}" data-name="{{ $user->p_name }}" data-age="{{ $user->p_age }}" 
      data-toggle="modal" data-target="#myModal">{{ $user->p_name }}<a>
</td>

{{$user->p_name}

将其添加到模态体中：

<p>
  <span>ID</span><span id="modal_p_id"></span>
  <span>Name</span><span id="modal_p_name></span>
  <span>Age</span><span id="modal_p_age"></span>
</p>

身份证件
Name您可以按照@Komal建议的方式执行，但我不会再执行另一个AJAX请求，因为您已经拥有当前视图中模式所需的所有数据。这样还可以避免编写其他控制器

将您需要的数据添加到
元素中，并通过为模态添加一个简单的“加载”方法，使用它将数据填充到模态弹出窗口中

这是代码

<td>
   <a href="#" class="viewPopLink" role="button" 
      data-id="{{ $user->p_id }}" data-name="{{ $user->p_name }}" data-age="{{ $user->p_age }}" 
      data-toggle="modal" data-target="#myModal">{{ $user->p_name }}<a>
</td>


{{$user->p_name}

将其添加到模态体中：

<p>
  <span>ID</span><span id="modal_p_id"></span>
  <span>Name</span><span id="modal_p_name></span>
  <span>Age</span><span id="modal_p_age"></span>
</p>


身份证件
名称使用jquery设置值使用jquery设置值我需要控制器执行此操作以获取详细信息。。getDetails您的控制器方法，它是pass user detailsUser:：where（'id'，$user_id）->first（）；你能解释一下这一行吗？我是新的BieeRavel查询，从用户那里获取用户数据'select*，其中id=$user\u id'，这里的用户是Model nameRoute:：get（'get-details'，'travelApprovalController@getDetail');我需要管制员来做这件事吗。。getDetails您的控制器方法，它是pass user detailsUser:：where（'id'，$user_id）->first（）；你能解释一下这一行吗？我是新的BieeRavel查询，从用户那里获取用户数据'select*，其中id=$user\u id'，这里的用户是Model nameRoute:：get（'get-details'，'travelApprovalController@getDetail');@用户3386779这是更好的方法。为什么要发出ajax请求来获取已经存在的数据。@user3386779这是更好的方法。为什么要发出ajax请求来获取已经存在的数据。