我正在学习显示来自http://batikita.herokuapp.com/index.php/batik/all的公共 API 数据
我尝试使用以下语法显示数据:
信息控制器.php
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Http;
class InfoController extends Controller
{
public function index() {
$response = Http::get('http://batikita.herokuapp.com/index.php/batik/all');
$data = $response->json();
return view('index', compact('data'));
}
}
index.blade.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</head>
<body>
<div class="container">
<table class="table">
<thead class="thead-dark">
<tr>
<th scope="col">#</th>
<th scope="col">Appearance</th>
<th scope="col">Batik Name</th>
<th scope="col">Origin</th>
<th scope="col">History</th>
<th scope="col">Lowest Price</th>
<th scope="col">Highest Price</th>
</tr>
</thead>
<tbody>
@php
$no = 0;
@endphp
@foreach ($data as $dataBatik)
@php
$no++;
@endphp
<tr>
<th scope="row">{{ $no }}</th>
<td>{{ $dataBatik['hasil']['link_batik'] }}</td>
<td>{{ $dataBatik['hasil']['nama_batik'] }}</td>
<td>{{ $dataBatik['hasil']['daerah_batik'] }}</td>
<td>{{ $dataBatik['hasil']['makna_batik'] }}</td>
<td>{{ $dataBatik['hasil']['harga_rendah'] }}</td>
<td>{{ $dataBatik['hasil']['harga_tinggi'] }}</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</body>
</html>
结果是这样的: 在此处输入图片描述
使用 laravel8 从公共 API 显示数据的正确语法是什么?请帮忙,谢谢。