检查确认脚本并链接到路由操作

Question

我有一个关于 laravel 5 的问题，我认为这很简单 我有“x”图标；此图标用于删除项目。有一个确认脚本可以删除项目的 div 。但我想实现后端操作

现在的代码适用于 interface 。它是：

<a class="btn btn-default btn-xs remove" href=" javascript: jQuery('.item-{{$i}}').remove()" data-confirm="Are you sure" data-confirm-button="yes" ><span class="glyphicon glyphicon-remove"></span></a>

我要添加的链接路线是：

 {!! link_to_route('item_delete','', $id) !!}

如何将后端与界面结合起来？我的意思是把脚本确认和路由动作结合起来？

感谢您的帮助

Answer 1

您可以通过 AJAX 做到这一点。因为你需要php循环生成的$i和laravel生成的url，所以我们不能把这些变量放在javascript中。

HTML。

<a class="btn btn-default btn-xs remove" onclick="removeItem({{$i}},{!! link_to_route('item_delete','', $id) !!});" data-confirm="Are you sure" data-confirm-button="yes" ><span class="glyphicon glyphicon-remove"></span></a>

Javascript。

function removeItem(i,url){
 $.post( url,  { _token: '{{csrf_token()}}' }, function( data ) {
    //check the data return from back-end and remove the x icon. assume return 0 is success.
     if(data===0){
        jQuery('.item-'+i).remove();
     }
 });
};

请再次检查语法，有些可能是错误的:)。