ajax json 序列化

在前端开发中，使用Ajax可以实现网页局部刷新，最大化的提高了用户交互的体验，而Ajax向后台请求数据返回的数据格式通常是JSON（JavaScript Object Notation），为了向后台传输请求需要的数据，则需要对数据进行序列化操作。

//示例：
var data = {
  username: 'tom',password: '123456'
}
var jsonData = JSON.stringify(data); //将js对象序列化为JSON格式字符串

使用JSON.stringify()函数可以将一个JavaScript对象序列化为一个JSON字符串，即将数据转化为字符串格式。该函数接受两个参数，第一个参数为需要序列化的数据，第二个参数为一个可选参数，表示对JSON输出进行控制。例如，指定缩进的级别，可以使输出更加易读。

//示例：
var data = {
  username: 'tom',password: '123456'
}
var jsonData = JSON.stringify(data,null,2); //指定缩进为2个空格

而在向后台提交JSON数据时，需要将数据序列化为字符串并设置请求头信息Content-Type的值为"application/json"，示例代码如下：

//示例：
var data = {
  username: 'tom',password: '123456'
};
var jsonData = JSON.stringify(data);
var xhr = new XMLHttpRequest();
xhr.open('POST','/login');
xhr.setRequestHeader('Content-Type','application/json');
xhr.send(jsonData);

在使用Ajax提交数据时，JSON序列化是必不可少的一步。它将数据转化为字符串方便传输，并且将数据格式统一以JSON格式进行传输。这也是前后端分离中常见的一种数据交互方式。