怎么把前端中的两个tr中的数据封装成两个对象用ajax发送给后端
时间: 2024-03-05 13:55:20 浏览: 135
前台ajax与后台json传递
首先,在前端中获取这两个tr中的数据,可以使用jQuery的选择器获取对应的DOM元素,然后取出里面的数据。
例如,假设这两个tr分别有id为1和id为2,每个tr中有两个td,分别是name和age,可以这样获取数据:
```javascript
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函数将这两个对象发送给后端:
```javascript
$.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",以便后端正确解析数据。同时,需要在成功和错误的回调函数中做相应的处理。
阅读全文