Laravel Ajax 下拉过滤器

2023-12-21

我正在尝试使用 Ajax 制作一个过滤器,我想在下拉列表中选择的类别发生变化时显示图像。现在,我正在视图中显示所有图像,并且我想要进行 Ajax 调用,返回过滤后的 $images 数组以在视图中显示。但我被困住了。我不知道如何从控制器正确返回数据,因此我可以在视图中访问它。

index.blade.php 中带有下拉菜单的表单

{{ Form::open( array(
  'route' => 'index.filter',
  'method' => 'post',
  'id' => 'form-filter'
) ) }}

{{ Form::select('category', $categories, 'default', array('id' => 'categories')) }}

{{ Form::close() }}

routes

Route::post( 'filter', array(
  'as' => 'index.filter',
  'uses' => 'MyController@filter'
) );

.js

$( '#form-filter' ).change( function() {

    $.post(
        $( this ).prop( 'action' ),
        {
            "id": $( '#categories' ).val()
        },
        function( data ) {
            alert(data);
        },
        'json'
    );
    return false;
} );

控制器

public function filter()
{
    Log::info(Input::get('id'));

    $id = Input::get( 'id' );

    if($id)
      $images = Image::where('category_id', '=', $id);

    return Response::json($images);
}

public function index()
{
   $images = Image::all();

   $categories = ..\Models\Category::lists('name', 'id');

   return View::make('index', array('images' => $images, 'categories'=>$categories));
}

None

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Laravel Ajax 下拉过滤器 的相关文章

  • 关闭 Bootstrap 模式 onclick

    我使用 Bootstrap 模式让用户在将商品添加到购物车之前选择产品选项 我之前在这种情况下使用过它们 没有任何问题 但这个没有按预期关闭 当用户单击 添加到购物车 按钮时 会发生一些事情 我认为问题就在那里 首先 一些脚本检查某些字段是
  • RestSharp反序列化JSON内容(代表一个对象包含字节数组)错误

    Client端收到正式的JSON内容 Id 1 2 3 Size 56 但在反序列化字节数组时出现错误 1 下面的语句出现错误 IRestResponse
  • 如何在 Laravel 5.5 中编辑“页面因不活动而已过期”的视图

    在 Laravel 5 5 中 当您使用 CSRF 保护 默认情况下 并且在长时间不活动后发送发布请求时 您将收到此错误页面 屏幕截图 我对此错误表示同意 但是 我需要更改此错误的视图 文本以确保与我的应用程序风格和语言相匹配 关于如何编辑
  • 标题的固定高度和更改宽度(HTML 表格)

    我需要确保表格标题的高度是固定的 并且宽度是根据标题单元格内容进行调整的 标题文本最多显示两行 我们如何使用样式来做到这一点 另外 我想确保表行的宽度与标题行的宽度相同 即标题行决定宽度 注 目前 交易部门负责人别名 是按行排列的 它需要分
  • 文本区域值高度[重复]

    这个问题在这里已经有答案了 我有一个 textarea 其 css 高度设置为 85px 用户可能会在该文本区域内键入内容行 我想知道文本 值的高度 而不是文本区域本身 有没有办法检查内部文本的高度 包括换行符 我会将文本区域的内容复制到另
  • Laravel 5 与 SAML 2 和现有 IDP 集成

    我使用 Laravel 5 我正在尝试将 SAML 2 0 与其集成 我找到了这个包 https github com aacotroneo laravel saml2 https github com aacotroneo laravel
  • 使用 JQuery 将 SVG 动态加载到 SVGWeb 中

    我正在尝试动态显示一些 SVG 内容 此内容作为字符串存储在我的数据源中 示例字符串如下所示
  • jQuery:在整个文档上触发按键功能,但不在输入和文本区域内触发按键功能?

    我有这个 document keypress function e if e keyCode 119 w doSomething Wo 在我的文档上按 w 时doSomething 函数触发 当我当前正在输入 焦点 时 如何防止它触发inp
  • 识别 ASP.NET MVC 代码中的 Angular js AJAX 调用

    我正在使用 ASP NET MVC 和 AngularJS 开发一个示例应用程序 在服务器端代码中 我编写了一个Action过滤器属性 其中我需要检查请求是普通请求 浏览器 还是AJAX请求 public override void OnA
  • asp.net usercontrol 中的 jquery UI 模态对话框:模态叠加仅在 UserControl 中的 Div 上

    我有一个包含 jQuery UI 对话框控件的 asp net 用户控件 一切都按预期工作 除了灰色透明覆盖层 使表单模式化 仅出现在触发对话框的表单下方的隐藏 div 上 是否可以将此覆盖定位到父 div 或者这不是正确的解决方案 我尝试
  • 如何在 Laravel 5 中处理嵌套的 JSON 对象请求?

    我们在 Laravel 5 和 AngularJs Ionic 中运行此 Web 服务来处理 Web 当我们将请求从 Web 客户端 发送到 Web 服务 后端 时 我们传递了嵌套的 JSON 对象 我们在读取服务器端父对象下的所有子对象时
  • jQuery 自动完成 - xml 跨站点请求

    我的自动完成功能的 XML 提要位于另一台服务器上 是否有客户端 javascript 方法来获取此 XML 文档 我知道我可以使用 php jsp 等创建代理 但我需要在所有客户端完成此操作 这就是我现在调用该文件的方式 该文件仅在同一域
  • 如何重定向到另一个页面并从表中传递 url 中的参数?

    如何重定向到另一个页面并从表中传递 url 中的参数 我在龙卷风模板中创建了类似的东西 table thead tr th Username th th Nation th th Rank th th th tr thead tbody f
  • Jquery 关注下一个带有类的元素

    我正在尝试创建一个函数 当按下 Enter 键时 会选择带有类的下一个输入 我已经设法 focus 同一行中的下一个元素 但是 如果我需要选择下一行的下一个输入 它将无法继续 下一行中的第一个 quantity 文本框需要获得焦点 控制台没
  • 如何从代码隐藏文件中的asp.net用户控件注册(调用)jQuery函数?

    如何从代码隐藏文件中的asp net用户控件注册 调用 jQuery函数 您可以使用ClientScriptManager RegisterStartupScript http msdn microsoft com en us librar
  • 带有子节点的拖放区域

    我有一个带有多个子节点的拖放区域 主要元素有dropenter and dropleave事件 但是 如果您将文件拖动到主元素内部和子节点上方 则dropleave被触发 如何处理 以便dropleave仅当拖动的元素和鼠标位于主元素之外时
  • 如何将 jquery 添加到 Appcelerator Titanium Mobile Work?

    是否可以将 jquery 集成到 Titanium Appcelerator 中并且它可以正常工作吗 否则我们不能将jquery集成到titanium appcelerator中 有人帮助我吗 你到底想做什么 我不确定它在没有 DOM 的情
  • iOS 11 getUserMedia 不起作用?

    苹果公司发表声明称getUserMedia将在 iOS 11 上完全正常运行 安装 iOS 11 Beta 版本 5 后 我确实收到一条消息 表明我的网站请求访问我的相机和麦克风 但似乎是这样的 video src window URL c
  • 只返回 $.ajax 传递的 JSON 数据的前 20 个结果?

    我有以下简单的 jquery 片段 document ready function ajax url myjson json dataType json success function json each json function al
  • Laravel 5 注销特定用户

    在我的 laravel 5 应用程序中 有一个功能允许具有管理员角色的用户重置非管理员的任何人的密码 但这不会强制该人注销并再次登录 更改密码后如何强制用户注销 我没有对用于验证用户身份或任何内容的中间件进行任何更改 我不知道它是否有效 但

随机推荐

  • 基于 Restful 的视频流

    使用 spring boot 我想制作基于 RESTful 的视频播放器 我的文件浏览器中有 mp4 扩展名的视频 如何通过创建休息端点在前端提供这些视频 我已经尝试过这个方法 http shazsterblog blogspot com
  • 如何在 Three.js 中更改脸部颜色

    我正在尝试更改网格单个面上的颜色 这是在 WebGL 上下文中 我可以改变整个网格的颜色 但不能改变单个面的颜色 相关代码如下 Updated Per Lee var camera this camera var projector new
  • 如何编写语法类似Python缩进的语言?

    我正在使用类似于 Python 的内置语言编写一个工具 我想让缩进在语法中有意义 以便行开头的制表符和空格代表命令的嵌套 做这个的最好方式是什么 我之前写过递归下降和有限自动机解析器 目前的CPython http en wikipedia
  • 仅对最近修改的文件运行 grunt-contrib-jshint

    我们正在一个非常大的网站上重构代码 我想对任何发生更改的文件强制执行 linting 但忽略其余文件 因为其中许多文件最终会被删除 所以整理它们是浪费时间 我想要一个 grunt 任务来检查文件的修改日期是否比其创建 从存储库获取 日期更新
  • Vue.js 在 setTimeout 后滚动到新页面路由的顶部

    当立即滚动到新路线的顶部时 我的页面转换效果不佳 我想等待 100 毫秒 然后它会自动滚动到顶部 以下代码根本不会滚动 有没有办法做到这一点 export default new Router mode history routes pat
  • elasticsearch.js 客户端连接被拒绝:Access-Control-Allow-Origin 无法识别?

    我一直在尝试使用elasticsearch jquery min js ping 本地运行的elasticsearch 每次都会收到 无活动连接 错误 ETA 在 Chrome 中 我看到看起来相当低级别的 连接被拒绝 我正在 MacOS
  • 使用切片值的 Golang 字符串格式

    在这里 我尝试从包含字符串的切片为我的 API 创建查询字符串 ie where node name node1 node name node 2 import fmt strings func main nodes string node
  • 函数内部多处理 scipy 优化的奇怪行为

    这是一个运行良好的简单代码 即使函数 minimize 包装了 scipy optimize minimize 它也不会抱怨酸洗 import numpy as np from scipy import optimize from mult
  • 重新使用对象的存储而不首先销毁它是UB吗?

    给定非 POD 类型T auto p new T new p T delete p 这是UB吧 显然我并没有直接泄漏为其分配的内存T 如果它没有间接成员 那么我根本不会泄漏任何东西 但它从未被破坏 在我看来 这似乎是自发毁灭由有感知的猫类生
  • 单行 INSERT 是原子的吗?例如。在有 1M 列的表上?

    单行 INSERT 是原子的 对于外部读取器 吗 想象一下它发生在一个有 1M 列的表上 在执行单个INSERT语句 即 单行 类型 是否有可能同时发生的读取操作 可能使用 读取未提交 隔离级别 仅读取some值 列 我对 MS SQL S
  • 如何通过策略将 Azure 资源锁应用到资源组

    我正在尝试创建一个 Azure 策略 该策略会将级别为 CanNotDelete 的资源锁部署到订阅内的资源组 目前该策略 100 合规 但该策略尚未创建任何锁定 我的 JSON policy rules 文件中有以下内容 if field
  • Spring/RabbitMQ 教程的 Docker 映像导致连接被拒绝

    我正在这里学习 Spring 教程 使用 RabbitMQ 发送消息 https spring io guides gs messaging rabbitmq 我发现了这个问题 但它没有解决我关于docker compose yml教程中找
  • 将所有 java swing gui 放在一个类中是否正常?

    我刚刚开始进行摇摆开发并且遇到了问题 将整个 GUI 放入一个类中正常吗 我正在构建的应用程序有一个显示多个不同 页面 的 JFrame 例如 如果用户单击按钮 他们将被带到具有不同布局的完全不同的页面 我已经配置了卡片布局 并且到目前为止
  • 如何从表格中显示最大值、最小值、中位数和平均值

    这张图上 就是user id 右边是每个用户的交易频率 如何显示该用户交易频率的最小值 最大值 中值和平均值 对于此类问题我需要进行什么计算 所以会出现中值最大最小值和平均值 检查这篇文章关于窗口函数 https help tableau
  • Web 应用程序的中央错误日志记录服务

    我即将启动一个新网站 我正在使用 Pingdom 来跟踪该网站的正常运行时间 但我感兴趣的是在一个中心位置记录该网站生成的任何错误 我想将代码放入顶级异常处理程序中 该处理程序将打包异常并将其发送到另一个应用程序 然后该应用程序会生成一封电
  • guava 是否有一个采用自定义哈希/等于函数的 Map 实现?

    任何人都知道Guava是否有与Functionaljava等效的版本HashMap http functionaljava googlecode com svn artifacts 3 0 javadoc fj data HashMap h
  • 有条件地在分类列中创建“其他”类别

    我有一个DataFrame df用一列 category使用以下代码创建 import pandas as pd import random as rand from string import ascii uppercase rand s
  • C 结构不扫描所有输入

    我有这个C代码 include stdio h main struct books char name 100 author 100 int year copies book1 book2 printf Enter details of f
  • Python try- except 块的 DRY 方法?

    客观的 我有几行代码 每行代码都能够产生相同类型的错误 并保证相同类型的响应 如何防止 try except 块出现 不要重复 问题 背景 我使用 ReGex 从文本文件中抓取格式不良的数据 并将其输入到自定义对象的字段中 该代码工作得很好
  • Laravel Ajax 下拉过滤器

    我正在尝试使用 Ajax 制作一个过滤器 我想在下拉列表中选择的类别发生变化时显示图像 现在 我正在视图中显示所有图像 并且我想要进行 Ajax 调用 返回过滤后的 images 数组以在视图中显示 但我被困住了 我不知道如何从控制器正确返