Json客户端Cache提高Web性能

核心提示： 图片看不清楚？请点击这里查看原图（大图），这个Json串使用Array和Object，Json客户端Cache提高Web性能(3)，存储了所有的信息，由于是使用Json存储，JsonCache用.js文件初始化对象，Ajax使用eval (jsonText);初始化对象，所以在JavaScrip

图片看不清楚？请点击这里查看原图（大图）。

这个Json串使用Array和Object，存储了所有的信息。由于是使用Json存储，所以在JavaScript中这个Json串可以自动变成一个Object。并且拥有完整的对象和属性。可以方便的在这个对象上进行遍历和查找。

分析到这里，基本上可以回答：为什么当一级菜单变化时，二级菜单可以不请求服务器就可以得到数据，正确绘制界面的问题了。allUnivList对象使用 Json串的方式存储了所有的数据，所以JavaScript不用请求服务器，直接查找allUnivList对象就可以取得想要的数据了。

从上面的应用场景中，可以看出Json串可以方便的存储简单的数据，就是存贮一组名值串，多个名值串再形成一个数组，再把数组挂在某个名值串的值上，反复嵌套，这个Json串就可以表达比较丰富的数据内容了，基本上可以表达一个简单的关系数据表。但是在查询时是比较麻烦的，需要逐层遍历查找。

JsonCache的优点

1.　　JsonCache 方式和Ajax方式可以容易的相互切换。操作页面Dom元素的JavaScript从一个JavaScript Object中获取数据。这个存储数据的对象可以由Ajax提供，也可以由JsonCache提供。操作Dom的JavaScript只关心这个对象是否被合适的初始化，而不用关心这个对象是由谁提供的。JsonCache用.js文件初始化对象，Ajax使用eval (jsonText);初始化对象，Ajax负责返回这个jsonText。