JS 城市三级联动性能问题

Question

JS代码：

    {name: "北京市", city: [{name: "北京市", districtAndCounty: ["东城区", "西城区", "崇文区", "宣武区", "朝阳区", "丰台区", "石景山区", "海淀区", "门头沟区", "房山区", "通州区", "顺义区", "昌平区", "大兴区", "怀柔区", "平谷区", "密云县", "延庆县", "延庆镇"]}]},

上面JS 代码是城市三级联动的的一部分，其他城市信息跟上面一样，量大我就没贴完。

问题：我在做联动是，在想一个问题：城市的信息后台提供接口，用AJAX来获取好了还是把所有数据写在一个JS文件里面，如：city.js

主要是性能上有什么不一样的，像这两种方式，底层的性能哪位大牛详细分析下。谢谢

Answer 1

从后台发过来一个json，和你本地保存一个json的区别：1、前者有网络传输消耗，当然比后者慢一点2、将来城市地名更新，前者只需修改后台程序，后者需要重新打包前端程序。综上所述，我认为的最佳方式是调用后台接口获取后，缓存在前端，前端程序退出的时候清空缓存如果你直接写在js里，可以省去解析json的时间（可以忽略不计）