使用Laravel在单击<a>元素时仅更改页面的一部分？

<a href="#" id="myLink">点击我</a>
<div id="result"></div>

<script>
    document.getElementById("myLink").addEventListener("click", function(event) {
        event.preventDefault(); // 阻止<a>元素的默认行为

        // 发送Ajax请求
        var xhr = new XMLHttpRequest();
        xhr.open("GET", "/my-route", true);
        xhr.onreadystatechange = function() {
            if (xhr.readyState === 4 && xhr.status === 200) {
                // 更新页面的相应部分
                document.getElementById("result").innerHTML = xhr.responseText;
            }
        };
        xhr.send();
    });
</script>

// 定义路由
Route::get('/my-route', 'MyController@myMethod');

// 控制器代码
class MyController extends Controller
{
    public function myMethod()
    {
        // 处理Ajax请求并返回数据
        return "这是更新后的内容";
    }
}