如何使用纯JavaScript和AJAX上的内容访问本地json文件和加载菜单?

时间:2016-03-29 21:00:19

标签: javascript html json ajax

我有一些网页模板的示例结构:

term        estimate   std.error    statistic   p.value  
(Intercept) 40.82854   0.0000000    2.75747     14.807   1.76e-14    
SP500TR     -1.29332   -0.38324     0.65588     -1.972   0.058947
...

本地menu.json文件:

    <div class="navbar">
        <a id="home" href="#"></a>
        <a id="about" href="#"></a>
        <a id="team" href="#"></a>
        <a id="contact" href="#"></a>
    </div>

    <div>
        <p id="content"></p>         
    </div>

我只想用Ajax Request动态加载菜单项,然后将内容放入段落中。但问题是我无法访问menu.json文件。请帮帮我,这是我现在的js文件:

[
    {"value":"Home" , "content":"This is default Home Page"},
    {"value":"About" , "content":"This is default About Page"},
    {"value":"Team" , "content":"This is default Team Page"},
    {"value":"Contact" , "content":"This is default Contact Page"}
]

1 个答案:

答案 0 :(得分:0)

这可能适用于mozzila FF, 如果你想让这项工作尝试使用网络服务器,它将适用于所有浏览器, 这是由于跨浏览器策略安全性