Không thể kết nối tới file .json bằng JQuery?

Mọi người cho mình hỏi là giờ mình có 1 file html như bên dưới để kết nối tới file .json nhưng mình vẫn thật sự không hiểu code bị lỗi thế nào mà mãi vẫn không chạy, mặc dù mình đã có gắng tìm rồi nhưng vẫn không hiểu tại sao.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Ajax</title>
</head>
<body>
<div id="result"></div>
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script>
$.getJSON("test.json", function(data) {
	var output = "<ul>";
	$.each(data, function(index, value) {
		output += "<li>" + value.name + "</li>";
	});
	output += "</ul>";
	$("#result").html(output);
});
</script>
</body>
</html>

Còn đây là file test.json của mình.

[
	{
		"name": "windyace",
		"age": 23
	},
	{
		"name": "HVD",
		"age": 24
	},
	{
		"name": "NMT",
		"age": 25
	}
]

bạn thử cho đoạn $.getJSON vào trong

$(function(){
    $.getJSON(...);
});

xem sao.

1 Like

Bạn thử xem file json của bạn đặt đúng vị trí chưa, có thể nó tìm không ra, như mình chạy trên jsddle thì thấy chạy ok
https://jsfiddle.net/pgv2pn06/

1 Like

Haha, thanks 2 bạn nhiều, mình tìm ra vấn đề rồi, thật ra thì minh chưa cài đặt server nên nó mới không đọc được.

1 Like
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?