查询中使用回调函数

最新推荐文章于 2024-05-11 03:40:40 发布

原创最新推荐文章于 2024-05-11 03:40:40 发布 · 379 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

零零散散专栏收录该内容

1 篇文章

订阅专栏

本文探讨了在长时间查询中使用回调函数来改善用户体验，如何在异步操作中结合回调机制，并通过实例展示了如何在`add`函数中实现延时计算并利用回调接收结果。同时介绍了在前端开发中处理查询请求等待提示的方法。

查询中使用回调函数

背景
js回调函数
扩展

背景

查询时耗时较长,页面处于无反应状态,需要增加等待提示,待查询数据返回后,提示消失

js回调函数

function gridLoad(grid){
	Ext.MessageBox.wait("查询数据中...","提示");
	grid.setUrl(grid.url);
	grid.setTimeout(1000*60*60);
	grid.setRequestParams({xx:123});
	grid.reload({
		callback:function(){
		Ext.MessageBox.hide();
	}
	});
}

扩展

当请求为异步,同时又需要获取第一步的请求结果时,即可使用回调函数.

function add (x, y, callback) {
    // 设置1秒后出计算结果
    console.log('开始运算')
    setTimeout (function () {
        // 保存计算结果
        console.log('保存计算结果')
        var result = x + y
        callback(result)
    }, 1000)

    console.log('结束运算')
}

add(1, 2, function (result) {
    // 这是callback函数实现体
    console.log('计算结果为：'+result)
})