ajax 可以传json对象

随着Web应用的发展，动态交互成为了一个不可或缺的功能。为了实现动态交互，前端工程师们开始使用各种技术来避免让页面刷新从而提升用户体验。其中，Ajax是使用最广泛的一种技术之一。

Ajax是Asynchronous JavaScript and XML的缩写，它是一种通过在浏览器中动态获取数据并更新页面而无需刷新整个页面的技术。最初，Ajax使用XML格式在浏览器和服务器之间传递数据。然而，随着技术的发展，JSON成为了更加流行的数据格式，因为它更轻量级，更容易使用。

在Ajax中，我们可以使用JSON对象来传输数据。具体来说，我们可以使用JavaScript中的JSON.stringify()方法将数据转换为字符串，然后使用XMLHttpRequest对象中的send()方法将字符串发送给服务器。

var data = {name: 'Jack',age: 20};
var xhr = new XMLHttpRequest();
xhr.open('POST','/data',true);
xhr.setRequestHeader('Content-Type','application/json');
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log(xhr.responseText);
  }
};
xhr.send(JSON.stringify(data));

在上面的例子中，我们首先创建了一个包含name和age属性的JSON对象。然后，我们使用XMLHttpRequest对象的open()方法打开一个POST请求，并将请求头设置为application/json。接着，我们使用onreadystatechange事件处理程序来处理服务器响应。最后，我们将JSON对象转换为字符串并使用xhr.send()方法将其发送给服务器。

在服务器端，我们可以使用类似于以下的代码来解析请求的JSON数据：

const express = require('express');
const bodyParser = require('body-parser');
const app = express();

app.use(bodyParser.json());

app.post('/data',(req,res) => {
  const {name,age} = req.body;
  res.send('Hi,' + name + ',you are ' + age + ' years old.');
});

app.listen(3000,() => {
  console.log('Server is listening on port 3000.');
});

在这个例子中，我们使用了express和body-parser模块来解析请求的JSON数据，并返回带有名字和年龄信息的欢迎消息。

总之，使用JSON对象来传输数据是一个非常流行的做法，可以帮助我们更轻松地发送和解析数据。在使用Ajax时，我们应该优先选择使用JSON。