这个地方如何用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

因为地区这些东西基本上都是固定的,所以建议你将其数据放到一个资源文件中。第一次访问时，在组件初始化的钩子里面去请求该资源文件将其放入local storage，并以该资源文件的版本为key，直接存到客户端就好后面再次访问时，可先判断local Storage 中有无此数据，若有直接读取，若无回到第一步(这一步就是第一步，为了逻辑表述清晰分开来讲)不要对每一级联动都是ajax请求，浪费资源，对用户体验也不好