необходимо передать идентификатор из таблицы в laravel для сценария в другом блейде

Question

Это single.blade.php

@foreach($device_property_List as $val)
<tr>
    <td>{{$val -> properties-> number_plate}}</td>                            

    <td>
        <input type="hidden" value="{{$val -> id}}"> <-this value need to pass in single_device.blade.php by ajax
        <input type="submit" id="{{$val -> id}}" class="btn btn-success btn-sm live" value="Live">
    </td>

    </tr>
@endforeach

Это скрипт этой страницы ( single.blade.php ) для отправки идентификаторадругая страница ( single_device.blade.php )

Это single.blade.php

<script type="text/javascript">
$(document).on('click', '.live', function(){
    var id = $(this).attr('id');

    $.ajax({    
        window.location.href ="{{url('single_device')}} ->with (id)";              
    })
}); 
</script>

Мне нужно получить значение идентификаторав этом блейде внутри этого скрипта ( single_device.blade.php )

Это single_device.blade.php

<main class="main">
    <div id='map'></div>
</main>
<script>
var device_id = (here i need that id)
</script>

Answer 1

1. Вы можете сохранить идентификатор в сеансе, используя ajax-запрос, а затем вызвать блейд, где хотите.

2. Другой способ - использовать зашифрованный и расшифрованный идентификатор в URL.

   use Illuminate\Support\Facades\Crypt;
   $key = Crypt::encrypt($key);
   
   <a href="{{route('single_device', ['id' => $key])}}">Some Text</a>
   $key = Crypt::decrypt($key); 
   

Answer 2

сначала вам нужно ознакомиться с тем, что такое ajax

, и я думаю, что ссылка решит вашу проблему.

<a href="{{route('single_device', ['id' => 1])}}">Some Text</a>

или

<script>
            $(document).ready(function(){
                $(".live").click(function(){
                    $.ajax({
                        /* the route pointing to the update function */
                        url: '/',
                        type: 'POST',
                        data: {id:$(this).val()},
                        dataType: 'JSON',
                        /* remind that 'data' is the response of the Controller */
                        success: function (data) {

                        }
                    }); 
                });
           });    
</script>