jquery - 我的 html 页面未显示我的 json 数据

标签 jquery html json visual-studio

我是 json 新手,我正在使用 microsoft Visual Studio 开发一个简单的网页。我已经创建了 json 文件并将其放入 D://驱动器中。现在,当我单击按钮时,我必须读取 json 数据并显示在我的网页中。出了什么问题。

<title>Welcome</title>
<script src="Scripts/jquery-1.10.2.min.js"></script>
<script src="Scripts/jquery-1.10.2.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#hop").click(function(event) {
            $.getJSON('d://final.json', function (jd) {
                $("#hi").html('<p>Name :' + jd.name + '</p>')
                $('#hi').append('<p>Age : ' + jd.age + '</p>');
            });
        });
    });
</script>
</head>
<body>
    <h1>Get Json Data</h1>
    <div id="hi">
        Hi
    </div>
    <input type="button" id="hop" value="ShowJsonData"/>
</body>

最终.json:

{
    "name": "stack"
    "age":"15"
}

最佳答案

由于现代浏览器的安全限制,您无法向本地文件系统发出 AJAX 请求。

您需要通过 Web 服务器(例如 IIS 或 Apache)在本地计算机或远程运行代码。

关于jquery - 我的 html 页面未显示我的 json 数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27058707/

相关文章:

javascript - 修改 Javascript Submit() 函数

javascript - 传递事件数据时未触发 jquery 表单提交

jquery - 如何在 jquery 中的某些文本后立即附加一个 div?

json - 无法在 Azure 中解析参数 : azuredeploy.parameters.json

python - 无法从 url 获取纯 json

javascript - 如何根据单击按钮折叠和展开 Kendo UI treeView 中的所有树节点?

jquery - 当 DIV 具有带有文本的子元素时,如何使用 jQuery 仅从 DIV 获取文本?

html - css 列布局问题

angularjs - Angular .js :9827 POST http://localhost:64340/Content 405 (Method Not Allowed)

javascript - jQuery如何读取json缓存?