如何使用Laravel后端在AMP中创建实时（AJAX）搜索？

Question

我目前正在努力处理AMP框架。 我正在尝试编写类似在Pinterest上看到的实时搜索体验的代码。 （自动填充和AJAX数据请求），但是我不知道如何结合AMP为LARAVEL编码。

到目前为止，我尝试了以下操作：AMP（XMLHttpRequest）用于表单，并尝试使用amp-list列出结果，由于Laravels刀片的设计布局，该列表不起作用。

我的代码：

<form method="get"
      action-xhr="{{ route('search')}}"
      target="_top">
      {{csrf_field()}}
 <div class="search" on="tap:search_output.show,x.show">
  <input type="text" class="searchbox" id="searchBoxInput" name="searchBoxInput" placeholder="Search" value="">
  #pay attention to no submit input field!
 </div>
</form>
<div id="search_results">
        #show results via amp-list or 
        <template type="amp mustache"></template>
</div>

我确保所有脚本都正确加载。 我希望使用amp解决方案，而不是使用amp-script来解决。 欢迎参考AMP文档和Laravel

示例进行有用的解释