使用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字符串更多则是服务器程序动态生成而得。