使用EasyUI框架制作页面,往往会让我们不如组件满天飞,Ajax不断的境地,可Ajax虽然可以提高用户体验,但是同样也会提高过多的服务器请求导致性能缓慢的问题,下面用实例讲解一下如何优化
性能,下面的例子用我们常用的combobox组件为例,源代码如下:
$('#combobox1,#combobox2').combobox({ url:'/User/Users', valueField:'id', textField:'name' });
这样使用页面就会再初始化的时候,就会请求两次”/User/Users”的数据,导致过多的服务器请求,查询两次数据库,于是可以在第一次进入页面的时候将Users查询一次,返回到页面声明成Users数组
然后combobox组件进行data绑定,不在url异步获取数据,这样提高页面速度,代码如下:
var Users=<%=ViewData["Users"]%>; $('#combobox1,#combobox2').combobox({ data:Users, valueField:'id', textField:'name' });