1.首先編寫一個json文件:demo.json
[
{
"name":"張三",
"sex":"男",
"email":"[email protected]"
},
{
"name":"李四",
"sex":"男",
"email":"[email protected]"
},
{
"name":"王五",
"sex":"女",
"email":"[email protected]"
}
]
讀取
原生js讀取json文件
<script>
window.onload = function () {
var url = "demo.json"
var request = new XMLHttpRequest();
request.open("get", url);
request.send(null);
request.onload = function () {
if (request.status == 200) {
var json = JSON.parse(request.responseText);
for(var i=0;i<json.length;i++){
console.log(json[i].name);
}
console.log(json);
}
}
}
</script>
$.getJSON
<script type="text/javascript">
var Ajax = function ()
{
$.getJSON ("demo.json", function (data)
{
$.each (data, function (i, item)
{
console.log(item.name);
});
});
}();
</script>
$.ajax
$.ajax({
url: "demo.json",
type: "GET",
dataType: "json",
success: function(data) {
var pageData=data;
for(var i=0;i<data.length;i++){
console.log(pageData[i].name);
}
}
})