ajax+服务端返回json

AJAX：在网页上，通过JavaScript创建XMLHttpRequest对象，异步请求服务端数据。这种实现方法就叫做AJAX。它的优点是可以在不刷新页面的情况下更新局部数据，提高了用户体验。

var xhr = new XMLHttpRequest();
xhr.open('POST','/api/getUserData',true);
xhr.setRequestHeader("Content-type","application/json");
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var data = JSON.parse(xhr.responseText);
    console.log(data);
  }
};
xhr.send(JSON.stringify({username: 'Alice'}));

服务端返回JSON：JSON是一种轻量级的数据交换格式。服务端可以将数据以这种格式返回给前端，前端可以通过JavaScript解析JSON，将数据展现到页面上。

// Express框架下，返回JSON数据
app.post('/api/getUserData',function(req,res) {
  var username = req.body.username;
  var data = {name: 'Alice',age: 25,gender: 'female'};
  res.json(data);
});