如何在Laravel上使用Vanilla JS显示JSON

时间:2019-11-07 03:38:12

标签: javascript jquery laravel vanilla-typescript

我是laravel的新手,我想将使用香草js的控制器中的JSON数据传递到视图刀片,但我不知道如何使用它

这是我的控制器

public function index(Request $request)
{
    if($request->has('cari'))
    {
        $data_siswa = \App\Siswa::where('nama','LIKE','%'.$request->cari.'%')->get();
    }
    else
    {
        $data_siswa = \App\Siswa::all();
    }



    return response()->json(array('data_siswa' => $data_siswa));
}

2 个答案:

答案 0 :(得分:0)

这将是最简单的ajax请求。至于使用香草js,您可以使用Fetch API

const response = await fetch('http://example.com/movies.json');
const myJson = await response.json();
console.log(JSON.stringify(myJson));

根据您的情况,您可以使用data_siswa访问myJson.data_siswa数组

答案 1 :(得分:0)

不需要ajax,只需将json作为JavaScript变量回显到页面

public function index(Request $request)
{
    if($request->has('cari'))
    {
        $data_siswa = \App\Siswa::where('nama','LIKE','%'.$request->cari.'%')->get();
    }
    else
    {
        $data_siswa = \App\Siswa::all();
    }
     $data_siswa = $data_siswa->toJson();


    return view('index',compact('data_siswa'));
}

在您看来,您只需

<script>
var data_siswa = {{$data_siswa}};
</script>