介绍路线::获得(& # 39;/博客/{博客}& # 39;,,& # 39;BlogController@show& # 39;)→名称(& # 39;blog.show& # 39;) 路线(& # 39;blog.show& # 39;,,(& # 39;博客# 39;,=祝辞,1]) return 重定向()→路线(& # 39;blog.show& # 39;,,(& # 39;博客# 39;,=祝辞,1]); location.href =, & # 39;/博客/& # 39;,+,id; function route_uri(名称)
{
,return 应用程序(& # 39;路由器# 39;)→getRoutes ()→getByName(名字)→getUri ();
} echo route_uri (& # 39; blog.show& # 39;);,//,会输出/博客/{博客} let route =, (routeUrl, param),=祝辞,{
,let append =, [];
,for (let x 参数拷贝),{
let 才能;search =, & # 39; {& # 39;, +, x +, & # 39;} & # 39;;
if 才能;(routeUrl.indexOf(搜索),祝辞=,0),{
,,routeUrl =, routeUrl.replace (& # 39; {& # 39;, +, x +, & # 39;} & # 39;,,参数[x]);
,,},{else
,,append.push (x +, & # 39;=& # 39;, +,参数[x]);
,,}
,}
,let url =, & # 39;/& # 39;, +, _.trimStart (routeUrl, & # 39;/& # 39;);
,if (append.length ==, 0), {
return 才能;url;
,}
,if (url.indexOf(& # 39; ? & # 39;),祝辞=,0),{
url 才能+=,& # 39;,& # 39;;
,}else {
+=url 才能;& # 39;& # 39;;
,}
+=,url append.join (& # 39;, & # 39;);
,return url;
} 路线(& # 39;/博客/{博客}& # 39;,,{博客:,1});,//返回,/博客/1
路线(& # 39;/博客/{博客}& # 39;,,{博客:,1,预览:,1});,//返回,/博客/1 ?预览=1 var routes =, {
,博客:{
,,表明:& # 39;{{,route_uri (& # 39; blog.show& # 39;),}} & # 39;,
,,更新:& # 39;{{,route_uri (& # 39; blog.update& # 39;),}} & # 39;,
摧毁才能:& # 39;{{,route_uri (& # 39; blog.destroy& # 39;),}} & # 39;
,}
}; $ . post(路线(routes.blog.update,,{博客:,1}),,{标题:& # 39;xxx # 39;,,内容:,& # 39;xxx # 39;})
这篇文章给大家分享的是有关JS中怎样实现Laravel的路线函数的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
大家应该都知道在Laravel的路由模块里,我们可以给每一个路由设定一个名字,比如:
然后就可以通过
来获取到这个路由的访问地址,后端跳转可以用
这样做的好处是如果发生url变更,比如我想把<代码> & # 39;/博客/{博客}& # 39;> & # 39;/博客/{博客}& # 39;>
但这个仅限于后端,以及刀模板可以使用,稍微上点规模的网站都会把JS文件单独拎出来,不会直接写在刀模板中,这样就导致JS里发ajax请求时或者页面跳转时只能将请求地址写死,比如
这样万一路由发生变更,还得去修改JS文件,如果同一个路由被多个JS调用,漏改一两个还是很容易发生的,所以我就考虑能不能在JS中实现一个类似后端的路线函数。
最终的解决方案很简单,两个函数就搞的定。
后端部分需要实现一个函数
这个函数的作用是根据路由名称返回原始的路由地址,比如:
前端也只需要一个函数:
<>强注:这里引用了lodash
这个函数的作用是:
然后就很简单了,在刀模板中定义:
在js文件里就可以:
感谢各位的阅读!关于“js中怎样实现Laravel的路线函数”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
