[常见问题] EasyUI性能优化1:慎用组件的url属性AJAX异步加载数据

mikel 2011-11-25
使用EasyUI框架制作页面,往往会让我们不如组件满天飞,Ajax不断的境地,可Ajax虽然可以提高用户体验,但是同样也会提高过多的服务器请求导致性能缓慢的问题,下面用实例讲解一下如何优化

性能,下面的例子用我们常用的combobox组件为例,源代码如下:
1 $('#combobox1,#combobox2').combobox({
2 url:'/User/Users',
3 valueField:'id',
4 textField:'name'
5 });

这样使用页面就会再初始化的时候,就会请求两次”/User/Users”的数据,导致过多的服务器请求,查询两次数据库,于是可以在第一次进入页面的时候将Users查询一次,返回到页面声明成Users数组

然后combobox组件进行data绑定,不在url异步获取数据,这样提高页面速度,代码如下:
1 var Users=<%=ViewData["Users"]%>;
2 $('#combobox1,#combobox2').combobox({
3 data:Users,
4 valueField:'id',
5 textField:'name'
6 });
Global site tag (gtag.js) - Google Analytics