React中获取WebDataRocks表格HTML内容(无需下载)的问题
在React中获取WebDataRocks表格HTML内容的解决方案
直接用客户端生成的方式就能解决你的问题,不用依赖服务器,也就不会有跨域或者接口报错的情况:
- 把
destinationType从server改成plain,这个模式下WebDataRocks会在浏览器端直接生成HTML字符串,不需要发送请求到服务器 - 调整回调函数的参数,
plain模式下回调直接返回HTML内容,不是带data属性的响应对象
修正后的React代码
TableRef.webdatarocks.exportTo("html", { destinationType: "plain" }, (htmlContent) => { console.log("表格的HTML内容:", htmlContent); // 这里可以直接使用htmlContent做后续处理,比如插入到页面元素中 });
为什么之前的方法会出错
你之前用destinationType: "server"时,WebDataRocks会把导出请求发送到你指定的url地址:
- 填
"/"会请求当前域名的后端接口,如果你的项目没有对应的接收导出请求的接口,就会出现截图里的错误 - 填外部路径则会触发浏览器的跨域限制,因为跨域请求需要目标服务器配置CORS
而plain模式完全在客户端处理,不需要和服务器交互,刚好满足你「无需下载、直接获取HTML标签内容」的需求。
内容的提问来源于stack exchange,提问作者Nanthini Muthukumaran
相关产品推荐
相关产品推荐

