我需要以下方面的帮助:我无法让JQuery加载JSON数据,即使JSON文件是在控制台中触发的。
这是HTML代码;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="js/jquery-3.3.1.js"></script><!-- places Javascript reference file in html-->
<link rel="stylesheet" type="text/css" href="css/stylesheet.css"> <!--places css in sub folder-->
<title>H</title>
</head>
<body>
<div id="vanilla_ajax">
</div>
<button type="button" id="button1" onclick="loadAJAX()">Change to AJAX</button>
<div id="jq_ajax">
</div>
<button type="button" id="button2" onclick="loadJQUERY()">Change to JQUERY</button>
<script src="js/ajax.js"></script>
</body>
</html>第一个按钮加载,并且没有问题,所以我已经排除了这部分。第二个"loadJQuery()“不会在屏幕上呈现。下面是它的Javascript:
function loadJQUERY(){
/*place holder for ajax loading using JQuery*/
$('#jq_ajax').append('<p id = "test">'); //jq test
$.ajax({
url: "data/Holder.json",
type: 'GET',
dataType: "json",
success: function (result) {
$("#jq_ajax").html("<p>" + result.data + "</p>");
}
});
}文件夹的路径是正确的,因为它适用于XML/Ajax版本。
发布于 2020-02-21 22:58:09
JSON文件使用了单引号而不是双引号。这就是问题所在
https://stackoverflow.com/questions/60327534
复制相似问题