如何用ajax在laravel中进行web检索

<form id="searchForm">
    <input type="text" name="keyword" id="keyword" placeholder="输入关键字">
    <button type="submit">搜索</button>
</form>
<div id="searchResults"></div>

$(document).ready(function() {
    $('#searchForm').submit(function(e) {
        e.preventDefault(); // 阻止表单默认提交行为

        var keyword = $('#keyword').val(); // 获取输入框中的关键字

        $.ajax({
            url: '/search', // 后端处理搜索请求的路由
            type: 'GET',
            data: { keyword: keyword }, // 发送给后端的数据
            success: function(response) {
                // 处理返回的搜索结果
                $('#searchResults').html(response);
            },
            error: function(xhr) {
                // 处理请求错误
                console.log(xhr.responseText);
            }
        });
    });
});

Route::get('/search', 'SearchController@search');

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Models\Product;

class SearchController extends Controller
{
    public function search(Request $request)
    {
        $keyword = $request->input('keyword');

        $results = Product::where('name', 'like', '%'.$keyword.'%')->get();

        return view('search.results', ['results' => $results]);
    }
}

@foreach ($results as $result)
    <div>{{ $result->name }}</div>
@endforeach