当我们利用XMLHttpRequest对象从本地服务器获取数据时是可以的。
假设我们使用的数据格式为JSON(JavaScript Object Notation),并且我们在本地服务器上部署了一个样本数据data.json:
{
"completed_in":0.044,
"max_id":306750251744784385,
"max_id_str":"306750251744784385",
"page":1,
"query":"hfhtml5",
"refresh_url":"?since_id=306750251744784385&q=hfhtml5",
"results":[],
"results_per_page":15,
"since_id":0,
"since_id_str":"0"
}
好了,有了数据,我们试着编写一个简单的页面文件来获取该数据:(该页面文件和data.json位于同一目录下)
<!doctype html>
<html lang="en">
<head>
<title>Using Canvas</title>
<meta charset="utf-8" />
<script>
function createList(attribute) {
var element = document.createElement("li");
element.innerHTML = attribute;
var list = document.getElementById("list");
list.appendChild(element);
}
var request = new XMLHttpRequest();
request.open("GET", "data.json");
request.onload = function() {
if(request.status == 200) {
var text = request.responseText;
var object = JSON.parse(text);
createList("completed_in:" + object.completed_in);
createList("max_id:" + object.max_id);
createList(&#