dtest84004
2017-06-06 16:38
浏览 132

Laravel AJAX控制器和数据返回

I am making an AJAX call from a view:

function compareProducts() {
    var productIds = [];
    $('#compare-widget tbody tr').each(function(i, ele) {
        productIds[i] = $(ele).data('product-id');
    });
    $.ajax({
        url: 'product/compare',
        type: 'POST',
        data: {
            "_token": "{{ csrf_token() }}",
            productIds: productIds
        },
        success: function(result) {
        }
    });
}

which is triggering the controller:

public function compare(Request $request)
{
    $products = Product::whereIn('id', $request->productIds)->get();
    return view('compare', compact('products'));
}

but it is not doing anything in browser directly. When I open chrome inspector I see a OK 200 code, and when I open triggered link there, it shows fine, but I am not able to trigger redirection with AJAX.

If I do a window.location.href = "compare"; I get redirected to right page, but I no longer have access to $products

图片转代码服务由CSDN问答提供 功能建议

我正在从视图中进行AJAX调用:

   function compareProducts(){
 var productIds = []; 
 $('#compare-widget tbody tr')。each(function(i,ele){
 productIds [i] = $(ele).data(  'product-id'); 
}); 
 $ .ajax({
 url:'product / compare',
 type:'POST',
 data:{
“_token”:“{  {csrf_token()}}“,
 productIds:productIds 
},
成功:函数(结果){
} 
}); 
} 
   
 \  n 

触发控制器:

 公共函数比较(请求$请求)
 {
 $ products = Product :: whereIn('id',$  request-> productIds) - > get(); 
返回视图('compare',compact('products')); 
} 
   
 
 

但它没有直接在浏览器中做任何事情。 当我打开chrome检查器时,我看到一个OK 200代码,当我在那里打开触发链接时,它显示正常,但我无法使用AJAX触发重定向。

如果我执行 window.location.href =“compare”; 我被重定向到右页,但我无法再访问 $ 产品

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • doucuan5365 2017-06-07 04:20
    已采纳

    You could save the products to the session and redirect to the compare page, that way you would have access to the products when you redirect to the compare page

    public function compare(Request $request)
    {
        $products = Product::whereIn('id', $request->productIds)->get();
    
        session(['products' => $products]);
    
        return url('compare');
    }
    

    and in your success callback you could redirect to the compare page

    success: function (result) {
        window.location.href = result;
    }
    

    and in your compare view access the products from the session

    {{ session('products') }}
    
    已采纳该答案
    打赏 评论
  • dongzhun1857 2017-06-06 17:58

    Ajax data is lost after page refresh. You should use a submit method.

    I suggest you change your implementation to be something like this

    <form id="the-form" method="post" action="/products/compare">
        {{ csrf_field() }}
    </form>
    
    <button id="compare-link">Compare</button>
    
    <script>
       $('#compare-link').click(
            function(){
                $('.hidden-compare').remove();
                let productIds = [5,2,3,4]; // implement your algorithm
                productIds.forEach(function(c) {
                    $('#the-form').append('<input type="hidden"name="compares[]" class="hidden-compare" value="'+c+'">');
                });
                $('#the-form').submit()
              }
        );
    </script>
    
    打赏 评论

相关推荐 更多相似问题