我正在尝试使用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>
发布于 2018-05-31 06:10:11
使用web服务器并通过http提供此页面。这将消除这个问题。
发布于 2018-05-31 06:06:27
这可以在谷歌上搜索到。Chrome安全性不允许您对本地目录进行本地AJAX调用。如果该文件始终位于本地文件目录中,请将其包含在<script src="phones.json"></script>
中。请注意,这将导致json变量是全局变量。
或者,您可以在本地服务器上运行页以继续在本地编程。这也可以在谷歌上搜索到如何做到这一点。
https://stackoverflow.com/questions/50613943
复制相似问题