ajax json使用

AJAX（Asynchronous JavaScript And XML）是一种前端技术，可以实现异步加载数据，无需刷新整个页面。在前后端分离的开发中，使用AJAX技术可以更好地提高用户体验。而JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，与AJAX一起使用可以实现快速的数据传输。

下面是一个使用AJAX和JSON的例子，从服务端获取数据并显示在页面上：

//创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();

//设置请求参数
xhr.open('GET','http://example.com/data.json',true);

//设置响应类型为JSON
xhr.setRequestHeader('Content-type','application/json');

//处理响应数据
xhr.onload = function() {
  if (xhr.status === 200) {
    //将响应数据解析为JSON对象
    var data = JSON.parse(xhr.responseText);
    //将数据显示在页面上
    var paragraph = document.createElement('p');
    paragraph.textContent = data.message;
    document.body.appendChild(paragraph);
  } else {
    console.log('Request Failed. Returned status of ' + xhr.status);
  }
};

//发送请求
xhr.send();

在这个例子中，我们创建了一个XMLHttpRequest对象，并使用open方法设置了请求参数，包括请求的URL和请求的方式（GET或POST）。接着使用setRequestHeader方法设置了响应类型，这样服务端就会返回JSON格式的数据。然后使用onload方法处理响应数据，当请求成功后，将响应数据解析为JSON对象，并将数据显示在页面上。最后使用send方法发送请求。

总的来说，使用AJAX和JSON可以实现在不刷新页面的情况下获取数据并显示在页面上，提高了用户体验，也方便了前后端的交互。