肉渣教程

AJAX JSON

上一节 下一节

使用JSON格式数据,通过AJAX的方式,进行客户端与服务器端数据交互,是一种值得推荐的方式。


AJAX JSON 示例

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


AJAX JSON

上一节 下一节