这个地方如何用ajax写联动啊？

Question

<select  class="middle_1">               <option>--请选择--</option>               <c:if test="${!empty listArea }">                <c:forEach items="${listArea}" var="list">                <option value="${list.id }">${list.name }</option>                </c:forEach>            </c:if>           </select>                <select class="middle_1">               <option>--请选择--</option>                          </select>

Answer 1

因为地区这些东西基本上都是固定的,所以建议你将其数据放到一个资源文件中。

1. 第一次访问时，在组件初始化的钩子里面去请求该资源文件

2. 将其放入local storage，并以该资源文件的版本为key，直接存到客户端就好

3. 后面再次访问时，可先判断local Storage 中有无此数据，若有直接读取，若无回到第一步(这一步就是第一步，为了逻辑表述清晰分开来讲)

不要对每一级联动都是ajax请求，浪费资源，对用户体验也不好