【14.1.0】【excelIo.save如何设置同步处理】

收藏

1、前端集成框架：VUE。
2、demo示例如下：

test() {
let json = this.spread.toJSON();
alert(1);
this.excelIo.save(json, (blob) => {
alert(2)
})
alert(3);
},

复制代码

3、当前alert结果：1 3 2。
4、需求：alert结果为 1 2 3。
5、备注：已尝试过如下代码，未生效。

async test() {
let json = this.spread.toJSON();
alert(1);
await this.excelIo.save(json, (blob) => {
alert(2)
})
alert(3);
},

复制代码

Clark.Pan · Clark.Pan

excelIo.save本身就是异步操作，如需同步处理，可以在操作的successcallback中去处理，例如：

test() {
let json = this.spread.toJSON();
alert(1);
this.excelIo.save(json, (blob) => {
alert(2);
alert(3);
})
}

ctjl_yf · ctjl_yf

Clark.Pan 发表于 2021-7-19 11:34
excelIo.save本身就是异步操作，如需同步处理，可以在操作的successcallback中去处理，例如：
test() { ...

有其他设置为同步的方案吗？因为我这边还涉及到 test() 这个方法的返回值。如下：

save() {
let result = this.test();
// 对result的一系列处理
},
test() {
let result = ""
this.excelIo.save(json, (blob) => {
// 一系列处理后对result赋值
result = "xxxxx"
})
return result;
}

复制代码

Clark.Pan · Clark.Pan

那就外层不要返回，在excelIo.save中返回就好了，本身异步处理您的那种方法就是有问题的。正确的方式就是上面我跟您说的那种

ctjl_yf · ctjl_yf

Clark.Pan 发表于 2021-7-19 11:43
那就外层不要返回，在excelIo.save中返回就好了，本身异步处理您的那种方法就是有问题的。正确的方式就是上 ...

在内层返回的话没法满足现有需求得哇。如下：

// A服务保存
save() {
let result = this.upload();
// 构造参数，调用A服务接口
let param = {
"xx": result,
...
}
axios({....})
}
// 将文件上传至B服务，获得某返回值
upload() {
let result = null;
let json = this.spread.toJSON();
this.excelIo.save(json, (blob) => {
// 构造form表单，且调用B服务后台接口，拿到返回值
let form = new FormData(...)
form.append(...)
axios({ ... }).then(res => {
// 一系列处理后，赋值result
result = res.data
})
})
return result;
}

复制代码

是否有方案使得excelIo.save方法同步执行呢？

Clark.Pan · Clark.Pan

本帖最后由 Clark.Pan 于 2021-7-19 18:34 编辑

SpreadJS没有excelIo.save是异步执行,后续估计也不会提供。如果您需要上传之后保存，可以在
axios({ ... }).then(res => {
里面嵌入调用upload
}
这是异步执行的一种方式，另外可以尝试用promise去做，相关资料我替您百度了一下，供您参考。https://www.jianshu.com/p/814704996323

https://www.cnblogs.com/ccylovehs/p/10425199.html

		自动登录	找回密码
密码			立即注册

[已处理] 【14.1.0】【excelIo.save如何设置同步处理】

5 个回复

微信认证勋章

讲师达人

悬赏达人

SpreadJS 认证

SpreadJS 高级认证

元老葡萄