javascript - html页面载入一个json的数组文件，前台js如何操作呢？

问题描述

问 题

<script type="text/javascript" src="depts.json"></script>
json格式如下
[

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

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

如果我想在另外一个结构里
<script>
console.log(该数组的内容);
//请问我该如何得到这个数组变量，载入确实是载入进来了，难道需要把json格式定义为var depts=[{..},{..}]，然后再这样输出吗console.log(depts);
</script>
具体需求是这样：我前端有一个select每次输入拼音码都检索depts的组件
因为depts基本不改动，所以我采用json文件形式而非请求数据库，我在想干脆用ajax请求这个文件的地址(不带拼音参数),因为文件地址相同，ajax会调用本地缓存，而不会频繁调用服务器检索。不知道这个思路是否和大家想的一样！

解决方案

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

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

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

这篇关于javascript - html页面载入一个json的数组文件，前台js如何操作呢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！