javascript - html页面载入一个json的数组文件,前台js如何操作呢?
ringa_lee
ringa_lee 2017-04-11 12:48:53
[JavaScript讨论组]


json格式如下
[

{
    "cdeptcode":"1",
    "cdeptname":"d1",
    "pym":"ZN"
},
{
    "cdeptcode":"101",
    "cdeptname":"d2",
    "pym":"YLDX"
}

]
请问如何在前台操作数组呢?

如果我想在另外一个结构里

具体需求是这样:我前端有一个select每次输入拼音码都检索depts的组件
因为depts基本不改动,所以我采用json文件形式而非请求数据库,我在想干脆用ajax请求这个文件的地址(不带拼音参数),因为文件地址相同,ajax会调用本地缓存,而不会频繁调用服务器检索。不知道这个思路是否和大家想的一样!

ringa_lee
ringa_lee

ringa_lee

全部回复(4)
PHP中文网

这.....应该是访问不到,一定要文件引入的话可以以jsonp的方式,如果可以的话建议直接以

<script type="text/javascript">
window.xx={
    cdeptMessage:[
        {
            "cdeptcode":"1",
            "cdeptname":"d1",
            "pym":"ZN"
        },
        {
            "cdeptcode":"101",
            "cdeptname":"d2",
            "pym":"YLDX"
        }
    ]
}
</script>

这种方式直接由后端生成string打入到模板中,然后前端访问全局获取,很多前端模板组件主导的页面会采用这种方式实现渲染类似淘宝这种的。

迷茫

JSON.parse(jsonStr)
JSON.stringify(jsonObj)
jsonObj[prop]
不知你懂了吗?

伊谢尔伦

把值赋给一个全局变量,就可以在前端操作了。

window.deptsData = [
{
    "cdeptcode":"1",
    "cdeptname":"d1",
    "pym":"ZN"
},
{
    "cdeptcode":"101",
    "cdeptname":"d2",
    "pym":"YLDX"
}
];

如果返回的是字符串,需要JSON.parse(deptsData);

迷茫

JSON.parse()

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号