README

The first step is using composer to install the package and automatically update your composer.json file, you can do this by running:

composer require jsroute/javascriptroute

composer dump-autoload

Using function route in javascript

routes/web.php

<?php
Route::get("list",function(){
    return view("test");
})->name('list');
Route::get("detail/{id}",function(){
    return view("test");
})->name('detail');
Route::get("byid/{id}/{taxcd}",function(){
    return view("test");
})->>name('byid');

resources/views/test.blade.php

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Route JS</title>
    {!!javascriptroute()!!}
</head>
<body>
    <script>
        console.log(route("your name route"));
        //Route::get("list",function(){
        //    return view("test");
        //})->name('list');
        console.log(route("list")); // http://domain.com/list
        console.log(route("list",{
            category:1,
            type:"test"
        })); // http://domain.com/list?category=1&type=test
        ////////////////////////////////////////////////////////////////////////////////
        // Using a routing function that passes parameter
        // Route::get("detail/{id}",function(){
        //    return view("test");
        //})->name('detail');
        console.log(route("detail","abcdef"));// http://domain.com/detail/abcdef
        // parameter and queryString
        console.log(route("detail","abcdef",{
            name:"dev"
        }));// http://domain.com/detail/abcdef?name=dev
        ////////////////////////////////////////////////////////////////////////////////
        // Route::get("byid/{id}/{taxcd}",function(){
        //    return view("test");
        //})->>name('byid');
        console.log(route("byid",[1,"123456"])); //http://domain.com/byid/1/123456
         // parameter [] and queryString
        console.log(route("byid",[1,"123456"],{
            name:"dev"
        })); //http://domain.com/byid/1/123456?name=dev
    </script>
</body>
</html>

jsroute / javascriptroute

Maintainers

Details

README

Using function route in javascript