Question

我是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));
}

Answer 1

这将是最简单的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数组

Answer 2

不需要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>

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

2 个答案: