后台传输json字符串至前台存储，非ajax

在加载页面时，有时候需要将后台数据传到页面并保存在js中，现在一般都是通过json来操作这些数据，下面通过一个简单的例子讲解一下怎样实现这个过程。

//后台
public function index(){
        $all_methods = $this->getControllers(2);
        $all_controller = array_keys($all_methods);
        return view('admin.admin.admin-rule',['methods'=>json_encode($all_methods),'controllers'=>$all_controller]);
    }

后台json_encode后传到js中字符串中会有的双引号会被解析成” ，因此需要替换一到，而且必须替换成双引号，JSON.parse才能正确解析成json对象。

//前台js
var methods  = "{{ $methods }}";
var reg = new RegExp("&nbsp;", "g");
methods = JSON.parse(methods.replace(reg,'"'));
console.log(methods);

前台页面读取二进制图片并显示

<img src="data:image/png;base64, {{ base64_encode(QrCode::format('png')->size(100)->generate('Make me into an QrCode!')); }} ">

后台传输json字符串至前台存储，非ajax

张书贤

标签