ajax封装一个对象传一个对象给后端

可以封装一个ajax方法，将需要传递的对象作为参数传入，然后使用JSON.stringify()方法将对象转换为JSON字符串，随后通过ajax的data属性将该字符串传递给后端。以下是示例代码：

function ajax(method, url, data, callback) {
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      callback(xhr.responseText);
    }
  };
  xhr.open(method, url, true);
  xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
  xhr.send(JSON.stringify(data));
}

var obj = {
  name: '张三',
  age: 20,
  gender: '男'
};

ajax('POST', '/submit', obj, function(response) {
  console.log(response);
});

当然，这只是示例代码，具体的实现可能还需要根据具体的需求进行修改。

相关问题

前端把list封装到一个对象中传给后端，后端用一个对象，对象里面是一个list去接收，接收不到

如果前端将列表封装到一个对象中，例如：

var data = {
  list: [{id: 1, name: 'foo'}, {id: 2, name: 'bar'}]
};

那么在发送POST请求时，请求的数据应该是这样的：

$.ajax({
  url: '/api',
  method: 'POST',
  data: JSON.stringify(data),
  contentType: 'application/json',
  success: function(response) {
    console.log(response);
  }
});

在后端接收请求时，可以定义一个包含一个列表属性的对象，例如：

public class RequestData {
  private List<Item> list;

  // getters and setters
}

其中，`Item`是列表中元素的类型，例如：

public class Item {
  private int id;
  private String name;

  // getters and setters
}

在后端接收请求时，可以使用框架或库来解析JSON数据并将其转换为`RequestData`对象，例如：

@RequestMapping(value = "/api", method = RequestMethod.POST)
public void handleRequest(@RequestBody RequestData requestData) {
  List<Item> list = requestData.getList();
  // handle list
}

需要注意的是，请求头中的`Content-Type`必须是`application/json`。如果仍然无法接收到列表数据，可以检查前端发送请求时的数据格式是否正确，以及后端接收请求的代码是否正确。

怎么把前端中的两个tr中的数据封装成两个对象用ajax发送给后端

首先，在前端中获取这两个tr中的数据，可以使用jQuery的选择器获取对应的DOM元素，然后取出里面的数据。

例如，假设这两个tr分别有id为1和id为2，每个tr中有两个td，分别是name和age，可以这样获取数据：

var data1 = {
  id: 1,
  name: $('tr#1 td:nth-child(1)').text(),
  age: $('tr#1 td:nth-child(2)').text()
};
var data2 = {
  id: 2,
  name: $('tr#2 td:nth-child(1)').text(),
  age: $('tr#2 td:nth-child(2)').text()
};

然后，使用jQuery的ajax函数将这两个对象发送给后端：

$.ajax({
  type: "POST",
  url: "your_backend_url",
  data: JSON.stringify([data1, data2]),
  contentType: "application/json; charset=utf-8",
  dataType: "json",
  success: function(response) {
    // 处理成功的响应
  },
  error: function(xhr, status, error) {
    // 处理错误的响应
  }
});

注意，需要将数据转换成JSON格式，并设置contentType为"application/json"，以便后端正确解析数据。同时，需要在成功和错误的回调函数中做相应的处理。