react js 获取服务器上的文件内容

最新推荐文章于 2025-04-02 11:30:50 发布

我的小狗很很可爱

最新推荐文章于 2025-04-02 11:30:50 发布

阅读量1k

点赞数

分类专栏： JavaScript React 文章标签： javascript reactjs

本文链接：https://blog.youkuaiyun.com/chhpearl/article/details/115479345

版权

JavaScript 同时被 2 个专栏收录

33 篇文章

订阅专栏

React

18 篇文章

订阅专栏

这段代码展示了如何使用fetch API从指定文件路径获取JSON数据，然后将其中的特定字段`NetTabCfgShow`存储到浏览器的localStorage中。这个实现用于仅存储一个值（0或1），并且不涉及复杂的业务逻辑，因此选择了缓存而非Redux。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

export default class getCfgShow {
    static fetch() {
        return new Promise(function(resolve, reject) {
            fetch('访问的文件路径').then(function (response) {
                return response.json();
            }).then(function (data) {
                 resolve(data);
            }).catch(function (e) {
                 reject(e);
                console.log("Oops, error");
            });
        });
    }
}

用的时候可以调用：this.cfgShow();

import getCfgShow from '../SystemConfig/SystemConfig/CfgShow/cfg.js';

cfgShow(){
        // let { dispatch } = this.props;
        getCfgShow.fetch().then(function (response) {
            var data = response.NetTabCfgShow;
            localStorage.setItem('NetTabCfgShow', data);

     }).catch(function (response) {
            console.log(response);
        });

}

这里可以使用redux，但是由于只存一个字段，数值是0和1，这里使用缓存来完成