首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在js上获取laravel路由名称

在JavaScript中获取Laravel路由名称可以通过以下步骤实现:

  1. 首先,确保你已经在Laravel应用程序中定义了路由名称。在定义路由时,可以使用name方法为路由指定一个唯一的名称。例如:
代码语言:txt
复制
Route::get('/user/profile', 'UserController@showProfile')->name('profile');
  1. 在前端的JavaScript代码中,你可以使用Laravel的route函数来生成具有指定路由名称的URL。该函数接受路由名称作为参数,并返回相应的URL。例如:
代码语言:txt
复制
var profileUrl = "{{ route('profile') }}";

在上述代码中,route('profile')会生成与名称为'profile'的路由对应的URL,并将其赋值给profileUrl变量。

  1. 现在,你可以在JavaScript中使用profileUrl变量来获取Laravel路由的URL。例如,你可以将其用作AJAX请求的URL或在页面重定向时使用。具体用法取决于你的需求。

需要注意的是,上述代码中的{{ route('profile') }}是Laravel的Blade模板语法,用于将服务器端的变量输出到前端。如果你的JavaScript代码不在Blade模板中,你需要将其适当修改为适合你项目的方式。

这是一个简单的示例,展示了如何在JavaScript中获取Laravel路由名称。根据你的具体需求,你可以进一步扩展和优化这个过程。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

通过 Laravel 创建一个 Vue 单页面应用(二)

在 第一部分 中,我们在 resources/assets/js/app.js 中新建了几个路由来演示SPA 的导航。...任何时候想要添加一个新路由,我们可以在 routes 数组中新建一个定义了路径,名称以及组件的对象。最后一个路由就是新建的 /users 路由: import UsersIndex from '....Laravel API 中来获取一些假的用户。...在 第三部分 我们尝试在 Vue Router 中使用一个回调来获取数,在导航到组件之前,让你看看如何在渲染 router view 之前获取数据。...我们也会转换 API 为从已经初始化的数据库表获取数据,因此我们可以通过设置路由参数来导航到一个具体的用户。 现在,来看看通过 Laravel 创建一个 Vue 单页面应用的 第三部分 !

3.4K30

Laravel 表单方法伪造与 CSRF 攻击防护

Laravel 中的 HTTP 请求方式 Laravel 路由支持通过上面的大部分常用请求方式: /** * Laravel 路由支持的 HTTP 请求方式 * * @var array */...答案是通过表单方法伪造,下面我们就来介绍如何在 Laravel 中进行表单方法伪造。...Laravel 在处理提交表单请求时,会将字段值作为请求方式匹配对应的路由。...注:如果你使用了 Laravel 自带的 assets/js/bootstrap.js, 则上述 Vue 请求头设置不需要自己编写,因为 bootstrap.js 中已经包含了这个逻辑。...排除指定 URL 不做 CSRF 保护 对于应用中某些第三方回调路由第三方登录或支付回调,无法做 Token 校验,需要将这些授信路由排除在 CSRF 校验之外,这个功能可以参考官方文档实现,很简单

8.7K40
  • Laravel框架关键技术解析

    [/{参数名}……]’,’控制器类名@函数名称’);参数与顺序有关,与命名无关 隐式控制器路由:Route::controller(‘路由前缀’,’控制器类名’[,命名路由]);请求结构为”主机地址/路由前缀.../控制器方法名/路由参数”,/home/index/xiaoming,会找到HomeController的getIndex($name)方法,anyIndex可以不限制请求方式,驼峰名方法getHomeIndex...,本质也是绑定回调函数的方式,只是回调函数是服务容器根据提供的参数自动生成的,:$app-bind(XXX::class, XXX::class) 8.四种解析方式: 直接通过$app->make(...//创建,第一次要composer down-autoload一下 php artisan db:seed [—class=类名] B.查询构造器 1.Laravel框架的查询构造器是在PDO扩展基础设计的一个...https://github.com/zhangyue0503/laravel5.4cn 十三、消息队列 1.消息队列可以解决大并发和多种语言通信接口等问题 2.实时socket连接和推送问题node.js

    11.9K20

    Laravel 广播系统工作原理

    定义频道名称格式类似于 user.{USER_ID} ,其中包含了指向接收信息的用户 ID,用户ID 从 $this->message->to 中获取。...如果您在客户端程序使用了 Laravel Echo 组件处理订阅服务。那在客户端代码中仅需设置频道路由即可,而无需关心用户认证处理细节。...{toUserId} 路由,Broadcast::channel 方法的第二个参数接收一个闭包,Laravel 会将登录用户信息自动注入到闭包的第一个参数,第二个参数会从渠道中解析并获取。...然后,Laravel 会尝试查找 user.{USER_ID} 路由,并匹配到已在 routes/channels.php 文件中定义的广播路由。...当然您看到的频道名称获取和我的不一样,但内容大致相同。接下来不要关闭这个 Web 页面,然后去访问 send 方法发送消息。

    9.2K20

    基于 Pusher 驱动的 Laravel 事件广播(

    被墙了咋办,去github搜lantern,你懂得。 1.1 Pusher是什么?...注册成功后进入个人后台面板,可以新建个应用程序名称,会有该新建程序的密钥,同时右边第二个tab还有个debug console,用来调试查看接口调用情况,等会会用到: 2.2 Laravel程序安装 先全局安装...既然事件广播,那就需要生成事件和对应的监听器,在app/Providers/EventServiceProvider.php中写入任何一个事件名称SomeEvent,和对应的监听器EventListener...使用Laravel Pusher Bridge可以不必被Event Broadcaster的一些规则束缚,并且可以通过pusher实例来获取Pusher提供的其他服务验证频道订阅,查询程序状态等等。...在文件中写入代码: var pusher = new Pusher(

    3K31

    通过 Laravel 创建一个 Vue 单页面应用(一)

    首先我们将注意力集中在编写每一个小的功能代码块,然后在后续的教程中,我们再演示如何将 Laravel 作为 API 层而构建一个完整的应用。...首先,我们将更新最主要的 JavaScript 文件 resources/assets/js/app.js 以及配置 Vue 路由。...$route 来调用 VueRouter 构造器包含一个路由数组,在这个数组中定义路由的路径,名称(类似于 Laravel 的命名路由)和这个路径对应的页面组件。...我一般会把路由定义在一个单独的路由模块中,然后再引入主应用文件,但这里为了简便,我会直接在主应用文件(app.js)中定义这些路由。...( Home 和 Hello)都是在这里进行渲染的。

    4.3K20

    创建并运行一个新的 Laravel 项目

    安装完成后,后续就可以通过 laravel new [项目名称] 来创建新的 Laravel 项目了: laravel new blog 该命令会在当前目录下创建一个新的名为 blog 的应用: ?...目录 根目录默认包含以下一级子目录: app:存放应用核心代码,模型、控制器、命令、服务等 bootstrap:存放 Laravel 框架每次启动时用到的文件 config:用于存放项目所有配置文件...资源文件,视图模板、语言文件、待编译的 Vue 模板、Sass、JS 源文件 routes:项目的所有路由文件都定义在这里 storage:用于存放缓存、日志、上传文件、已经编译过的视图模板等 tests...应用的一些核心配置,比如数据库、队列、邮件等,都位于 config 目录下,通过配置文件名称就可以很直观地甄别出不同的服务配置。...-allow-unrelated-histories git push 这样,就可以在 Github 看到刚刚提交的代码了: ?

    6.8K30

    Laravel框架下载,安装及路由操作图文详解

    本文实例讲述了Laravel框架下载,安装及路由操作。...里面还有些具体的文件介绍请附录:laravel目录结构介绍 这里我就不做多介绍了 NO.3 Laravel路由 路由的使用 首先,我们要先打开Laravel目录的app目录,再点击APP目录里的http...基础路由的使用方法 1.get获取方式 Route::get('g',function(){ return 'Hello word'; }); 效果如下图: ?...这里要注意的是,post不能直接输出到页面上,否则会报错 多请求路由的使用方法 1.match自定义获取方式 Route::match(['get','post'],'m',function(){...好了,到这里,我们的路由已经讲完了 附录:laravel目录结构介绍 文件夹名称 简介 app 应用程序的业务逻辑代码存放文件夹 app/Console 存放自定义 Artisan 命令文件 app

    4.6K51

    Laravel 中编写第一个 Artisan 命令

    不管是 Node.js、Python 还是 PHP 的 Web 框架,都提供了通过命令行与应用进行交互的功能,通过这些命令行工具,我们可以完成一些初始化操作,比如创建新应用、执行数据库迁移、或者快速创建类文件等...在 artisan 文件中,处理流程会像 Web 请求一样,注册类的自动加载器,初始化容器和异常处理器,获取用户输入,执行处理逻辑,最后发送响应,只不过这一切都是在控制台中完成。...我们在执行 php artisan 命令时,artisan 就指的是根目录下的 artisan 文件,所以命令需要在应用根目录下执行,然后 artisan 之后的部门都是作为请求参数被控制台应用获取并处理...内置 Artisan 命令 运行 php artisan list 命令后,你会看到新安装的 Laravel 应用默认提供了很多 Artisan 命令,我们不可能把每一个都讲一遍下来(实际,我们会在每篇教程中分散提到...,route:cache 和 route:clear 分别用于缓存路由信息和清除路由缓存,route:list 用于列出应用所有路由信息 schedule:调度任务相关命令(调度任务教程中会介绍) session

    3.1K20

    php-laravel Redis 广播

    当一些数据在服务器被更新,通常一条消息通过 Websocket 连接被发送给客户端处理。这为我们提供了一个更强大的、更有效的选择来持续拉取应用的更新。...具体的流程是页面加载时,网页 js 程序 Laravel Echo 与 Socket.IO 服务器建立连接, laravel 发起通过驱动发布广播,Socket.IO 服务器接受广播内容,对连接的客户端网页推送信息...默认会使用事件的类名作为广播名称来广播事件,自定义: public function broadcastAs() { return 'push.message'; } 添加路由...npm install laravel-echo编辑 resource/js/bootstrap.js 添加如下代码 import Echo from "laravel-echo"...$this->user->id); } // //Laravel 默认会使用事件的类名作为广播名称来广播事件,自定义: // public

    12710

    laravel初次学习总结及一些细节

    最近学习了laravel,先简单谈谈学习的感受吧 刚开始一周多一点的时间先把laravel的开发文档看了一遍,,感觉刚开始接触时的感觉laravel的目录与thinkphp又不一样,它们的渲染模板的方式也不一样...之后,自己写了个个人博客,写的时候用到的技术也不多,主要原因是:1.练练手,2.服务器一直空闲着 在写的时候遇到了一些坑: 1、laravel的php与前台交互: 注意:这些都没有定义路由名称,如果使用...as 定义了路由名称的话,可以使用route()函数来代替url函数 (1)表单: 例: 前台表单: 向定义路由为search_find_blogs  的方法中提交数据: <form action="...上传文件的时候,在form表单<em>上</em>一定要加上enctype="multipart/form-data"属性,,要不然文件传不过去 7....在form表单提交checkbox时,,要将其name加上 [],要不如果提交多个的话,,只能收到最后一个

    4.6K20

    Laravel系列7.8】广播系统

    不过问题就来了,在 Laravel8 相关的文档中,关于 redis 和 socket.io 的内容基本没了。所以我们需要去参考 Laravel6 以及更低版本的文档。这个大家在查阅的需要注意哦。...接下来,我们定义一个路由用于触发广播事件。...这时,我们运行起队列监控,然后再请求一下广播路由,会看到 laravel-echo-server 服务的命令行下面已经对刚刚的事件进行了广播。...修改完成之后,我们需要使用 Laravel 默认的 mix 工具来编译一下前端代码,最后需要加载的文件实际是 public/js/app.js ,直接使用下面的命令行进行编译即可。...在具体的页面中,我们直接去调用它的 channel() 方法,给一个指定的频道名称,然后监听这个频道中的具体事件,也就是我们在 Laravel 中定义的事件类名。

    2.3K20

    通过 Request 对象实例获取用户请求数据

    而作为最流行的 PHP 框架,Laravel 自然也是为处理用户请求提供了丰富的工具集,从收集、验证、到过滤、编排,可谓是一应俱全,接下来,我们将通过三四篇教程的篇幅来为你详细介绍如何在 Laravel...} } 然后在路由文件中定义一个指向该控制器方法的路由: Route::post('form', 'RequestController@form'); 注:除此之外,Laravel 还提供了...只获取部分请求数据 如果只想获取部分请求数据,可以通过 $request 实例的 except 或 only 方法,这两个方法是相反的,一个用于排除指定字段,一个用于获取指定字段: $request-...'); 获取数组输入字段值 有的时候,我们在表单中传递给后端的可能是一个数组,比如一些复选框选中项,这些表单输入框的 name 值通常是 name[], books[],这个时候传递到后端的 books...这个时候,我们需要显式地通过 获取路由参数值 除了 URL 查询字符串以及表单提交数据之外,你可能会忽视还有一种形式的输入参数,就是路由参数,我们一般显式将其作为控制器方法参数或者定义路由的匿名函数参数传入

    19.7K30

    基于 Redis 实现 Laravel 广播功能(下):在私有频道和存在频道发布和接收消息

    _ 前缀,因为 Laravel Echo 目前没有提供这个前缀设置,而 private 方法又会在频道名称前面加上 private- 前缀,这会导致后端和前端的频道名称不一致(后端是 laravel_database_private-wechat.group...$this->groupId); } } 存在频道是基于私有频道的,可以看到这个广播事件的频道名称也和 UserSendMessage 完全一样,加入存在频道的授权校验逻辑也不需要调整,所以它们可以共用同一个授权路由...在客户端接收存在频道消息 在 Laravel Echo 客户端,我们可以通过 Echo.join 加入某个私有频道返回 PresenceChannel 实例,然后在其基础通过 listen 接收 Websocket... <script type="text/javascript...<em>Laravel</em> 应用中使用 Axios 库发送请求,这个请求头会自动设置,如果使用的是其他的 JavaScript 库,则需要手动设置,你可以这样<em>获取</em>这个 Socket ID: var socketId

    3.1K30

    Laravel获取路由参数Route Parameters的五种方法示例

    前言 大家都知道Laravel 获取路由参数的方式有很多,并且有个小坑,现汇总如下,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。...假设我们设置了一个路由参数: /** 定义路由参数名称分别为: param1,param2 */ Route::get('/{param1}/{param2}', 'TestController@index...index(Request $request, $arg2, $arg1) { /** 方法一:按照 URL 中路由参数先后顺序来获取 注意:此种方式有个小坑,获取的值只与顺序有关,与名称无关 */...param2 的值 /** 方法二:按照路由参数名称获取 注意:此处名称是 Route 中定义的参数名,非上面方法中的参数名 */ $request->route('param1'); //结果为...获取路由参数的 5 种方法。

    2.1K30

    基于 Pusher 驱动的 Laravel 事件广播(下)

    Event Data:每一个事件都有相应的数据,这里仅仅是打印频道发过来的文本数据,但也可以包括容许用户交互,点击操作查看更详细的数据等等。...这就像是听广播的内容,不仅仅被动听,还可以有更复杂的行为,互动一样。...; 其中,test-channel 就是这次发送的频道名字,test-event 就是该次事件的名称,['text' => 'I Love China!!!'] 就是这次发送的数据。 1....在项目根目录安装laravel/socialite包: composer require laravel/socialite 获取github密钥 登录github 进入Setting->OAuth...好,现在自己与自己开始聊天,打开两个页面,作者的环境里路由为http://laravelpusher.app:8888/chat(这里输入你自己的路由就行): 总结:本部分主要以三个小示例来说明Laravel

    2.8K31

    Laravel 7发行说明

    引入 Laravel 框架或其组件时,应始终使用版本约束, ^7.0,因为 Laravel 的主要版本确实包含非兼容性更改。我们会努力确保您可以在一天或更短的时间内更新到最新版本。...,Laravel 7 将自动确定查询范围,以使用约定猜测其父级的关系名称,以其父级检索嵌套模型。...在这种情况下,将假定 User 模型关联了名为 posts(路由参数名称的复数) 的关系,该关系可用于检索 Post 模型。 有关路由模型绑定的更多信息,请查阅路由文档。...在大型应用程序(例如,具有800条或更多路由的应用程序),这些改进可以使简单的「Hello World」基准测试每秒的请求速度 提高2倍 ,而无需更改应用程序。...在Laravel7中,可以在任务类定义 maxExceptions 属性: <?

    9K20

    PHP-web框架Laravel-中间件(一)

    Laravel中,中间件是处理HTTP请求的一种机制。它可以用来检查请求是否满足某些条件,比如是否已经进行了身份验证或者是否有足够的权限来访问某个资源。...中间件的基本使用在Laravel中,中间件可以通过路由或控制器来指定。...这意味着只有经过身份验证的用户才能访问该路由。中间件类Laravel中的中间件实际是PHP类。在创建中间件时,可以选择手动创建类,也可以使用Laravel提供的中间件生成器来自动生成。...例如,以下代码演示了如何在中间件组中注册中间件:protected $middlewareGroups = [ 'web' => [ \App\Http\Middleware\EncryptCookies...web中间件组包含一组用于Web应用程序的中间件,加密Cookie、启动会话和验证CSRF令牌。api中间件组包含一组用于API的中间件,速率限制和API身份验证。在路由中使用中间件。

    3.3K31
    领券