ajax写入服务器json

在前端开发中，我们经常需要将数据发送给服务器。不过在过去的开发中，需要通过整页刷新页面或者提交表单的方式将数据发送到服务器，这种方式效率很低。而随着ajax的发展，我们可以通过使用该技术将数据以更快速、更高效的方式发送到服务器。

在ajax中，我们可以使用JavaScript的XMLHttpRequest对象来向服务器发送请求。其中，如果我们需要向服务器写入json格式的数据，则我们需要使用POST方法，以及设置请求头的Content-Type为application/json。代码如下：

  let dataToSend = { 
    name: '张三',age: 18 
  };
  let xhr = new XMLHttpRequest();

  xhr.open('POST','http://www.example.com/api/data',true);
  
  xhr.setRequestHeader('Content-Type','application/json');
  
  xhr.onreadystatechange = function() {
    if(xhr.readyState === 4 && xhr.status === 200) {
      // 成功发送数据到服务器
      console.log('已成功发送数据到服务器');
    }
  }
  xhr.send(JSON.stringify(dataToSend));

在上述代码中，我们首先定义了一个待发送到服务器的数据dataToSend。然后，我们使用XMLHttpRequest对象创建了一个POST方式的请求，请求的地址是http://www.example.com/api/data。同时，我们设置了请求头的Content-Type为application/json，代表我们将要发送的数据格式为json。

接着，在设置xhr的onreadystatechange属性时，我们定义了当状态等于4（代表完成）且状态码为200（代表请求成功）时，输出“已成功发送数据到服务器”到控制台。

最后，我们使用xhr.send()方法发送数据到服务器，注意需要使用JSON.stringify()方法将待发送的数据转换为json格式。

总之，通过使用ajax技术，我们可以更快速、更高效地将json格式的数据发送到服务器。我们只需要设置POST方法以及Content-Type为application/json，就可以使用XMLHttpRequest对象向服务器写入json数据。