未加载jQuery JSON文件
未加载jQuery JSON文件
提问于 2018-05-31 06:02:26
我正在尝试使用jQuery加载本地项目工作区中的.json文件，并收到错误消息-“跨域请求仅支持以下协议方案: http、data、chrome、chrome-extension、https。”
<html lang="en">
<head>
<meta charset="utf-8">
<title>TEST</title>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$.getJSON('phones.json',function(data){
console.log('It Worked!')
});
</script>
</body>
</html>
<!-- end snippet -->
<html lang="en">
<head>
<meta charset="utf-8">
<title>TEST</title>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$.getJSON('phones.json',function(data){
console.log('It Worked!')
});
</script>
</body>
</html>回答 2
Stack Overflow用户
回答已采纳
发布于 2018-05-31 06:10:11
使用web服务器并通过http提供此页面。这将消除这个问题。
Stack Overflow用户
发布于 2018-05-31 06:06:27
这可以在谷歌上搜索到。Chrome安全性不允许您对本地目录进行本地AJAX调用。如果该文件始终位于本地文件目录中，请将其包含在<script src="phones.json"></script>中。请注意，这将导致json变量是全局变量。
或者，您可以在本地服务器上运行页以继续在本地编程。这也可以在谷歌上搜索到如何做到这一点。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50613943
复制相关文章
相似问题