如何在script标签中使用PHP变量？Laravel本地化路由场景

核心问题在于PHP是服务器端预执行，JavaScript是客户端后执行，无法直接将JS变量传递给PHP的Route方法。正确的做法是先由PHP生成包含本地化参数、并预留id占位符的URL模板，再通过JS替换占位符为动态id值。

具体修改步骤 #

1. 生成URL模板：在Blade模板中，用Laravel的route()方法生成包含lang参数、id位置用占位符（如PLACEHOLDER_ID）的URL模板。
2. 替换占位符：在JS中获取动态id后，将模板中的占位符替换为实际id值。
3. 发起请求：使用替换后的完整URL作为axios请求地址。

修改后的完整代码 #

<script>
const options = document.querySelectorAll('.quantity');
// 由PHP预生成带占位符的URL模板，已包含lang参数
const urlTemplate = '{{ route(Route::currentRouteName(), ['lang' => App::getLocale(), 'id' => 'PLACEHOLDER_ID']) }}';

Array.from(options).forEach(function (element) {
    element.addEventListener('change', function() {
        const id = element.getAttribute('data-id');
        // 将模板中的占位符替换为实际商品id
        const updateUrl = urlTemplate.replace('PLACEHOLDER_ID', id);

        axios.patch(updateUrl, {
            quantity: this.value
        })
        .then(function (response) {
            window.location.href = '{{ route('cartIndex', App::getLocale()) }}';
        })
        .catch(function (error) {
            window.location.href = '{{ route('cartIndex', App::getLocale()) }}';
        });
    });
});
</script>

关键说明 #

• 确保你的路由定义包含lang和id两个参数，例如：

  Route::patch('/{lang}/cart/{id}', [CartController::class, 'update'])->name('cart.update');
  

• Route::currentRouteName()会获取当前页面的路由名称，若当前页面路由与更新购物车数量的路由不一致，建议直接指定目标路由名称（如'cart.update'）替代Route::currentRouteName()，避免生成错误URL。

内容的提问来源于stack exchange，提问作者Eric SsSnake