[原创]EasyUI性能优化1:慎用组件的url属性AJAX异步加载数据

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

性能,下面的例子用我们常用的combobox组件为例,源代码如下:

$('#combobox1,#combobox2').combobox({
url:'/User/Users',
valueField:'id',
textField:'name'
});

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

然后combobox组件进行data绑定,不在url异步获取数据,这样提高页面速度,代码如下:

var Users=<%=ViewData&#91;"Users"&#93;%>;
$('#combobox1,#combobox2').combobox({
data:Users,
valueField:'id',
textField:'name'
});

赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏