先前在 fetch/ajax 函数中声明后如何访问 signature_pad 数据？

问题描述

所以在我成功登录后的代码中，一个 fetch 命令加载了一个带有表单的主屏幕。在此表单上是使用 signature_pad https://github.com/szimek/signature_pad/ 的数字签名。我有一个监听提交的事件监听器。我需要从函数访问数字签名数据。

这是我的一些代码

fetch('/opsportal/main.screen.PHP?id=' + user_id)
.then(function(res){return res.text()})
.then(function(data){
   document.getElementById('mainWrap').innerHTML = data;
   document.getElementById('loginWrap').style.display = 'none';
   var canvas = document.querySelector('canvas');
   var signaturePad = new SignaturePad(canvas);
})

然后在提交函数中

function submitContractorForm(){                
    if(signaturePad.isEmpty()){
        alert('add signature');
    } else {
        var dataURL = signaturePad.toDataURL();
    }
}

在控制台中出现错误

未捕获的 ReferenceError：signaturePad 未定义

我已经查看了 https://github.com/szimek/signature_pad/issues/ 上的所有门票，但似乎无法弄清楚这一点。

在我的第二个函数中，如何访问 signaturePad.isEmpty() 和 signaturePad.toDataURL() ？

有什么想法或建议吗？我知道我无法从在不同函数中创建的函数访问变量，所以我不确定如何使用 fetch/ajax 来做到这一点。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）