javascript - 当我单击下拉菜单时，我需要填充表单。哪个选项性能更高？

Question

我可以:

-使用 AJAX 获取信息，每次单击下拉列表时都会创建一个请求。

-填充表单，将信息传递给 div，如下所示:

@foreach($items as $item)
<div id="name_{{$item->id}}" value="{{$item->name}}"></div>
<div id="date_{{$item->id}}" value="{{$item->date}}"></div>
...
@endforeach

然后使用 JavaScript 设置表单的值，发出提取所有信息并将其传递到网站的单个请求。

我已经完成了这两件事，但我想知道哪一个性能最好。

Answer 1

答案是两者皆有，但取决于具体情况。

例如，如果您使用ajax方法并且从未按下下拉框，则比传递值更好。

如果下拉框被点击一次或多次，第二种方法会更好。但你也会有一个缺点:你无法从任何地方获得最新版本的下拉框信息。