三级查询：使用点击三次分别发请求查询，还是数据全部请求回来后，前端通过筛选显示。哪种方式优化更好？

比如方式1 用户点击四川（发请求）得到：成都（再次点击，发送请求）得到：金牛区
方式2 全国数据全部拿到，根据用户点击来筛选数据显示在选择框。
请问哪种方式更好？还有更好的方式吗？

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

4条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
崽崽的谷雨 2021-09-14 19:01
关注
如果接口响应很快，就用一，接口慢就方式二，我更倾向于二，因为数据量不大（就算全国的行政区域其实也数据量也不算大），且只发一次请求

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(3条)

报告相同问题？

关注问题

三级查询：使用点击三次分别发请求查询，还是数据全部请求回来后，前端通过筛选显示。哪种方式优化更好？ html javascript vue.js 有问必答
2021-09-14 17:31

回答 4 已采纳如果接口响应很快，就用一，接口慢就方式二，我更倾向于二，因为数据量不大（就算全国的行政区域其实也数据量也不算大），且只发一次请求
通过ajax从数据库请求成功数据后，如何将数据渲染到前端页面？ ajax javascript 前端
2021-12-11 22:33

回答 1 已采纳你应该是用原生js吧用获取到的数据生成html片段，然后插入到页面中.例如：获取到的数据是data=[ ] for(let i =0;i<data.length;i++){
前端分页发起请求，获取数据后，每次换页数，都要重新发起请求，这样合理么？ node.js 前端前端框架
2021-08-31 10:17

回答 8 已采纳分页查询，一般都是换页去查询的，每次请求如果间隔时间长，又有新增的一部分数据就会显示不出来，一般都是查询，如果想存储也可以存储到前端数据库中（sessionStorage 或 localStorage
前端性能优化方法与实战14 高级进阶：瞒天过海的骨架屏及 SSR 优化手段
2022-09-26 10:01

办公模板库素材蛙的博客前面我已经提到过，骨架屏和 SSR 在首屏优化方面有较好的效果，骨架屏可以使用户预期到接下来要展示的内容和结构，让用户觉得页面加载快了，而 SSR 则可以白屏时间大幅缩短。那么具体该怎么实现骨架屏和 SSR 呢？在...
vue axios请求成功，在浏览器能看到请求回来的数据，但是调用回来是undefined ajax vue.js 前端
2022-05-26 09:59

回答 1 已采纳看一下这个写的，没有返回
前端一个api请求数据过大怎么解决 vue.js 前端
2022-05-17 16:16

回答 2 已采纳 api请求数据过大会导致用户网络接受字节过大但是一般也不会很慢前端不要一次性渲染全部数据需要前端渲染的时候自己把数据分页虚拟列表就是只显示用户窗口可视区的数据他看不见的你就销毁dom
接口请求时间长是前端还是后端的问题 react.js 前端
2021-12-06 15:17

回答 5 已采纳 1.你这个页面发了多少请求，看看有没有造成请求阻塞，因为浏览器对同一个主机域名的并发连接数有限制，因此如果当前的连接数已经超过上限，那么其余请求就会被阻塞2. 网不好3. 后端问题，可能是服务器配置问
MyBatis分页查询原理——如何使用MyBatis的分页插件对分页查询进行优化。
2023-07-28 00:39

禅与计算机程序设计艺术的博客 1.1 概述MyBatis 是一款优秀的持久层框架，它支持使用简单的 XML 或注解配置形式来实现对数据库的访问，MyBatis 免除了几乎所有的 JDBC 代码和参数的手工设定，并用mybatis提供的XML映射文件来代替原始的SQL语句。...
接口问题，新增接口前端访问报错：对预检请求的响应未通过访问控制检查 chrome spring sql vue.js
2020-12-16 11:05

回答 2 已采纳 https://dada-superman.blog.csdn.net/article/details/109807367
前端请求后台数据中有图片二进制流的问题 node.js vue.js 前端
2022-04-05 21:01

回答 4 已采纳我的猜测是后台的后台的IP地址+:+端口+cover_img ,应该就可以了，比如 <img src="P地址+:+端口+cover_img"> 具体的值换一下，不行你就只能找后台确认一
性能优化，点击查询按钮，减少请求次数 vue.js
2021-07-28 09:46

回答 3 已采纳 1.可以用个标识，来判断比如flag默认为false,当请求成功给他为true判断这个的值2.js防抖和节流
2022年最新前端面试题（大前端时代来临卷起来吧小伙子们..持续维护走到哪记到哪）
2021-12-25 22:22

有两把刷子的博客 2022年最新前端面试题热门题目（面经最全版）（蛋糕）...持续维护中，HTML和Css部分vue部分，Null，undefined，Boolean，Number，String，BigInt 、BigInt 、Object、1. **解构赋值、扩展运算符、class类、模块化 ...
uniapp前端H5请求后台API接口二维码数据，返回来的一串很长的二维码字符串前端小程序有问必答
2021-11-25 09:58

回答 3 已采纳这个是图片的base64编码字符串。可以直接设置img标签显示的 document.getElementById('img').src='data:image/png;base64,'+r.qrCod
vue3+ts+element-plus 列表查询条件/筛选条件组件二次封装（条件查询组件新增继承第三方组件事件)
2022-09-16 17:24

wocwin的博客 vue3.2+Ts+element-plus的列表查询条件/筛选条件组件二次封装（（条件查询组件收起&展开功能-----是否初始化是展开)；新增操作按钮插槽);条件查询组件新增继承第三方组件事件
mysql按时间查询的优化_Mysql根据时间查询日期的优化技巧
2021-03-16 00:04

帅兔挽月的博客 Mysql根据时间查询日期的优化技巧例如查询昨日新注册用户，写法有如下两种：EXPLAINselect * from chess_user u where DATE_FORMAT(u.register_time,'%Y-%m-%d')='2018-01-25';EXPLAINselect * from chess_user u ...
没有解决我的问题, 去提问