将 js var 传递给 Laravel 路由 - JavaScript

有时候我们需要将前端的一些变量或者数据传递给后端，以便进行处理或者提交到数据库。本文将介绍如何将 JavaScript 变量传递给 Laravel 路由。

1. 准备工作

首先，在前端我们要声明一个 JavaScript 变量，例如：

var myVar = "Hello, Laravel!";

然后，在 Laravel 中，我们需要定义一个路由，例如：

Route::get('/my-route/{myVar}', 'MyController@index');

这里的 {myVar} 就是我们要传递的变量。

同时，我们需要在路由对应的控制器中定义处理该变量的方法，例如：

public function index($myVar)
{
    echo $myVar;
}

这个方法会接收我们通过路由传递的变量，并将其输出到页面上。

2. 发送变量

有多种方法可以将 JavaScript 变量传递给 Laravel 路由。这里介绍两种常用的方法。

2.1 使用 Ajax

使用 Ajax 是最常用的方法之一，我们可以通过前端发送一个 Ajax 请求，将 JavaScript 变量传递给后端。

var myVar = "Hello, Laravel!";

$.ajax({
    url: '/my-route/' + myVar,
    type: 'GET',
    success: function(response) {
        console.log(response);
    }
});

这里我们使用了 jQuery 的 Ajax 函数发送 GET 请求，并将变量作为路由的参数。

在 Laravel 控制器中，我们可以通过 $request->route('myVar') 获取传递过来的变量。

public function index(Request $request)
{
    $myVar = $request->route('myVar');
    return response()->json(['myVar' => $myVar]);
}

2.2 使用表单提交

除了 Ajax，我们也可以使用表单提交来将 JavaScript 变量传递给 Laravel 路由。

var myVar = "Hello, Laravel!";

var form = $('<form action="/my-route/' + myVar + '" method="POST"></form>');
form.append('<input type="hidden" name="_token" value="' + csrf_token() + '">');
form.appendTo('body').submit();

这里我们创建了一个表单，设置了提交的路由和方法，并添加了一个 CSRF 令牌，以防止跨站攻击。

在 Laravel 控制器中，我们可以通过 $request->myVar 获取传递过来的变量。

public function index(Request $request)
{
    $myVar = $request->myVar;
    return response()->json(['myVar' => $myVar]);
}

3. 总结

通过以上两种方法，我们可以将 JavaScript 变量传递给 Laravel 路由，并在控制器中处理这些变量。这种方法可以让我们更加灵活地进行前后端数据的交互，提高开发效率。