JS中如何实现Laravel的route函数详解

Route::get('/blog/{blog}', 'BlogController@show')->name('blog.show')

route('blog.show', ['blog' => 1])

return redirect()->route('blog.show', ['blog' => 1]);

location.href = '/blog/' + id;

function route_uri($name)
{
 return app('router')->getRoutes()->getByName($name)->getUri();
}

echo route_uri('blog.show'); // 会输出/blog/{blog}

let route = (routeUrl, param) => {
 let append = [];
 for (let x in param) {
  let search = '{' + x + '}';
  if (routeUrl.indexOf(search) >= 0) {
   routeUrl = routeUrl.replace('{' + x + '}', param[x]);
  } else {
   append.push(x + '=' + param[x]);
  }
 }
 let url = '/' + _.trimStart(routeUrl, '/');
 if (append.length == 0) {
  return url;
 }
 if (url.indexOf('"color: #800000">注：这里引用了lodash

这个函数的作用是：


route('/blog/{blog}', {blog: 1}); //返回 /blog/1
route('/blog/{blog}', {blog: 1, preview: 1}); //返回 /blog/1"htmlcode">

var routes = {
 blog: {
  show: '{{ route_uri('blog.show') }}',
  update: '{{ route_uri('blog.update') }}',
  destroy: '{{ route_uri('blog.destroy') }}'
 }
};


在js文件里就可以：


$.post(route(routes.blog.update, {blog: 1}), {title: 'xxx', content: 'xxx'})


总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。