Laravel 4,传递变量以在javascript中路由

Question

如何将Ajax响应中的变量(stock.id)返回传递给路由以生成编辑库存的URL

$.ajax({
            url: 'sectors/stocks/' + $(this).data('sector-id'),
            dataType:'json',
            beforeSend:function() {
                $('.stocks_list').html('Loading...');
            }
        })
        .done(function(data) {
            $('.stocks_list').html('<ul>');
            $.each(data, function(index, obj_data) {
                $.each(obj_data.stocks, function(indx, stock) {
                    $('.stocks_list').append('<li><a href="{{route("admin.stocks.edit","'+stock.id+'")}}">' + stock.symbol + ' </a></li>');     
                });
        });
    })

Answer 1

您可以先使用占位符生成URL,然后在javascript中替换它.

var url = '{{ route("admin.stocks.edit", ":id") }}';
url = url.replace(':id', stock.id);
$('.stocks_list').append('<li><a href="'+url+'">' + stock.symbol + ' </a></li>');

Answer 2

在我看来，最简单的方法是将 javascript 变量与刀片字符串连接，如下所示。

情况 1：需要路由参数

在这种情况下，传递空字符串代替路由参数以通过所需的验证。

var url = "{{route('admin.stocks.edit', '')}}"+"/"+stock.id;

案例 2：路由参数是可选的

在这种情况下，您不必传递空字符串。

var url = "{{route('admin.stocks.edit')}}"+"/"+stock.id;

Answer 3

在 ajax 中使用路由的最佳方式。

在隐藏输入中添加路由或将其作为按钮或链接的属性。像下面。

这将保存其他 jquery 代码，如 get id 并传递到 url。很简单，只需从输入中获取 url 并作为 URL 传递即可。就是这样。

<a data-url="{{ route('delete.PendingPatient',['id' => $u->id]) }}" class="btn btn-xs btn-danger btn_delete"> Delete </a>

路线

<?php

Route::delete('/pending_patient/{id}','PatientController@pending_patient'])->name('delete.PendingPatient');

jQuery

    <script type="text/javascript">
        jQuery(document).ready(function(){

          jQuery(document).on('click','.btn_delete',function(){
             var current = jQuery(this);
             var url = current.data('url');

             $.ajax({
                    url: url,
                    dataType:'json',
                    beforeSend:function() {
                        $('.stocks_list').html('Loading...');
                    }
                })
                .done(function(data) {
                    $('.stocks_list').html('<ul>');
                });

              });

         });
     });
</script>