使用JSON格式数据,通过AJAX的方式,进行客户端与服务器端数据交互,是一种值得推荐的方式。
function load_json() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
myFunction(this);
}
};
xhttp.open("GET", "./static/gang.json", true);
xhttp.send();
}
function myFunction(data) {
var i;
var text = data.responseText;
var table="<tr><th>帮派名称</th><th>帮派口号</th></tr>";
var x = JSON.parse(text);
for (i = 0; i <x.length; i++) {
table += "<tr><td>" + x[i].name + "</td><td>" + x[i].slogan + "</td></tr>";
}
document.getElementById("demo").innerHTML = table;
}
上面加载的JSON是一个静态的文件,而实际开发中,返回的JSON字符串更多则是服务器程序动态生成而得。