javascript - Laravel - 使用 AJAX 过滤数据库的能力

标签 javascript php jquery mysql ajax

这是我第一次尝试过滤和搜索 mySQL 数据库。根据我的研究,我发现我需要一个 AJAX 调用和一些 PHP 查询来帮助我实现我想要实现的过滤。

这就是我希望 AJAX 搜索执行的操作:

  • 有一个“应用”按钮。当我单击按钮时,我希望生成一个 URL 并发生 AJAX 调用。
  • 仅重新加载满足查询数据的页面部分。

到目前为止,我已经成功创建了这个:

$("#filteridname").change(function() {
    $value=$(this).val();
      $.ajax({
        type: "get",
        url: "{{$myurl}}",
        data: {'search':$value},
        success: function(data){
          $('#data-holder').html(data);
        }
    });
});

这成功地创建了其中一个过滤器的 URL,但没有考虑其他过滤器。我也没有设法创建按钮。我猜您需要 PHP 中的 where 语句来过滤数据库?

有人愿意帮助我为过滤器创建 AJAX 调用和 PHP 查询吗?

我总共有三个过滤器,当我单击按钮时,我希望 AJAX 调用使用这三个过滤器过滤我的数据库并返回结果,而无需重新加载整个网页。

编辑:这是我的 JS AJAX 查询:

$("#apply").click(function() {
    $country=$('#filter-country').val();
    $type=$('#filter-type').val();
    $year=$('#filter-year').val();
    $.ajax({
        type: "GET",
        url: "{{$launchsitename->site_code}}",
        data: {'country':$country, 'type':$type, 'year':$year},
        success: function(data) {
            $('#data-holder').append(data);
        }
    });
});

现在我只需要创建一个 PHP 查询。

最佳答案

您可以使用称为 .Append() 的属性来代替 .html() ,在这里您也可以在更改时获取一个元素值,如果您想一键单击即可获取其中三个元素,您可以使其相同这样你就得到了第一个值的值,只需将其添加到请求中并在 PHP 中处理它以划分并执行每个值,或者只是将它们中的三个传递给你的过程,这取决于你所拥有的

  $("#filteridname").change(function() {
        $value=$(this).val();
          $.ajax({
            type: "get",
            url: "{{$myurl}}",
            data: {'search':$value},
            success: function(response){
              $('#data-holder').append(response);
            }
        });
    });

Read about .append()

关于javascript - Laravel - 使用 AJAX 过滤数据库的能力,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46653973/

相关文章:

Javascript 图像面板,图像大小相同

php - 更改 WooCommerce 订单支付页面标题

php - Zend 框架与 Kohana PHP 3

javascript - 动态下拉菜单与 Bootstrap 不起作用

javascript - 根据另一个选择的结果更改 HTML <select> 中的选项

javascript - 在 TreeView Odoo 中单击时禁用日期选择器

c# - 从javascript触发服务器端事件

javascript - 获取表单内选择框的数组值

php - 为什么 mysql 中的查询有效,但 php 中的查询不起作用,这只是由于特定的列

jquery - 棘手的 iframe View