01/10/2018, 00:00
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ài liên quan
bạn thử cho đoạn $.getJSON vào trong
xem sao.
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/
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.