Как отобразить JSON с помощью vanilla js на laravel

Question

Я новичок в laravel, и я хочу передать данные JSON с моего контроллера, используя vanilla js, на мой блэйд вида, но я не знал, как его использовать

вот мой контроллер

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, просто отобразите 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>

Answer 2

Это будет проще всего как запрос ajax. Если вы делаете это с vanilla 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