使用ajax和修改URL过滤结果

时间:2015-06-05 08:30:05

标签: jquery ajax laravel filter

我正在尝试为我目前在Laravel中构建的网站构建过滤器功能,这将使客户能够根据其属性过滤产品。

目前,过滤产品的网址为/filter?size=1,2,3&construction=102,204&brand=4,37

我希望能够做的是根据所选过滤器更改网址并刷新结果,而无需重新加载页面。

我想要实现的一个例子是AO.com的过滤:http://ao.com/l/washing_machines-free_standing/1-9/1/#!/washing_machines-bosch-free_standing-priced_350_to_450-7kgandmore/1-6-9-23-39/1/

我在互联网上搜索了很多,试图找到最佳方法,但我似乎无法找到明确的方法。

如果有人能指出我正确的方向,那就太棒了。

1 个答案:

答案 0 :(得分:0)

AO过滤器的一个例子是选择选项,例如:最受欢迎。

使用Jquery / AJAX,您可以过滤:

$('select[name="yourSelectCategory"]').change(function(){
   var selected = $(this).val();
   $.ajax({
       type: "post",
       url: "yourPostRoute",
       data: {userSelected: selected},
       //You can also add dataType: "json" if you want to return json data
       // and cache: false,
       success: function(html){
       //Use the data

      $('.filterResultContainer').load('/yourDataResultView');
}
});
});

控制器:

$data = Input::get('userSelected');
//Query the DB where category = $data or category like $data
//Pass the result data to yourDataResultView.