laravel js值传给php,Laravel使用laracasts/utilities转换PHP变量为JavaScript变量

laracasts/utilities是开源的项目，项目地址：https://github.com/laracasts/PHP-Vars-To-Js-Transformer。

它提供了将PHP变量转换为JavaScript变量的工具。

安装

使用composer安装：composer require laracasts/utilitiesLaravel 4： 安装~1.0

Laravel 5： 安装~2.0

安装成功后，需要注册绑定。Laravel 5.5+会自动注册。对于低于Laravel 5.5，可以使用JavaScriptServiceProvider来注册：

config/app.php配置provider如下：'providers' => [

'...',

'Laracasts\Utilities\JavaScript\JavaScriptServiceProvider'

];

使用

安装完后，我们既可以使用laracasts/utilities提供的门面JavaScript。

Laravel 5在controller顶部添加：use JavaScript;

在controller使用：public function index()

{

JavaScript::put([

'foo' => 'bar',

'user' => User::first(),

'age' => 29

]);

return View::make('hello');

}

在index方法里把php的变量转换为JavaScript变量，默认情况下，这些JavaScript变量添加到“footer”视图，所以要在JavaScript引用这些变量需要在页面包含“footer”视图：

My Page

@include ('footer') // 

接着我们就可以在JavaScript引用：console.log(foo); // bar

console.log(user); // User Obj

console.log(age); // 29

配置

默认laracasts/utilities会把变量添加到“footer”视图的window对象下。它也提供了修改默认值的方式。

首先需要publish默认的配置：php artisan vendor:publish

// 或者

php artisan vendor:publish --provider="Laracasts\Utilities\JavaScript\JavaScriptServiceProvider"

它会生成一个新的配置：config/javascript.php，内容如下：<?php

return [

/*

|--------------------------------------------------------------------------

| View to Bind JavaScript Vars To

|--------------------------------------------------------------------------

|

| Set this value to the name of the view (or partial) that

| you want to prepend all JavaScript variables to.

|

*/

'bind_js_vars_to_this_view' => 'footer',

/*

|--------------------------------------------------------------------------

| JavaScript Namespace

|--------------------------------------------------------------------------

|

| By default, we'll add variables to the global window object. However,

| it's recommended that you change this to some namespace - anything.

| That way, you can access vars, like "SomeNamespace.someVariable."

|

*/

'js_namespace' => 'window'

];

可以看到，配置里有两个配置项：bind_js_vars_to_this_view和js_namespace。bind_js_vars_to_this_view：配置javascript变量添加到的视图，默认为"footer"

js_namespace：配置javascript变量添加为哪个对象的属性，默认为window