如何在octobercms中通过id返回Ajax数据请求？

Question

由于不确定如何，这必须非常直接。

我正在建立带有类别和子类别的前端表单。 下面的代码显示选择框中的类别，没有任何问题

Php块

$this['items'] = Cat::where('parent_id',0)->pluck('cat_title', 'id');

显示

<div class="form-group">
  <b><label class="float-left" id="cats" 
for="inputCategory">Category</label></b>
  <select id="category" class="form-control" data-request="onChangeCat" 
 data-request-update="select: '#subcategory'">
    <option selected>Choose...</option>

    {% for key, item in items %}
    <option value={{ key }}> {{ item }}</option>
    {% endfor %}

  </select>
</div>

我在那里使用以下Ajax处理程序进行数据请求，以在下一个选择框中显示子类别。 待渲染的部分也就位。

   function onChangeCat()
   {
   $this['subs'] = Cat::where('parent_id', '>',0)->pluck('cat_title', 'id');

    }

问题是如何编写Ajax处理程序代码以仅按类别ID显示子类别。 上面的代码只显示所有子类别。

Answer 1

您需要在类别选择中选择一个作为参数selected项的路径，然后该路由将通过子类别过滤以仅具有相关的子类别，您将使用json_encode()将结果作为json发回数据并创建选项，然后将其添加到选择的子类别中。

用户更改选择类别将称为该路线。

Answer 2

1. 给您的select一个名称标签<select name="category">..</select>
2. 通过post()函数可访问带有已发布数据的子类别：例如Cat::where('parent_id', '=', post('category') )->pluck('cat_title', 'id')