gpt4 book ai didi

javascript - 如何使用 jQuery 从表中以 JSON 格式发布数据

转载 作者:太空宇宙 更新时间:2023-11-04 12:14:55 26 4
gpt4 key购买 nike

我有一个表格如下:

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
// I'd like a suggestion here
});
});
</head>
<body>
<table>
<tr><th>Name</th><th>Email</th></tr>
<tr><td>abc</td><td>abc@gmail.com</td></tr>
<tr><td>xyz</td><tr><td>xyz@gmail.com</td>
</table>
<button>click here</button>
</body>
</html>

我希望在单击该按钮后它应该创建一个包含表中所有数据的 json 对象,使用 jquery 将其发送到另一个 url。

最佳答案

您可以选择包含数据的表格行,然后使用$.fn.map 方法提取必要的值并将它们放入数组中:

$('button').click(function() {

var data = $('table tr:gt(0)').map(function() {
return {
name: $(this.cells[0]).text(),
email: $(this.cells[1]).text()
};
}).get();

alert(JSON.stringify(data, null, 4))

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr>
<th>Name</th>
<th>Email</th>
</tr>
<tr>
<td>abc</td>
<td>abc@gmail.com</td>
</tr>
<tr>
<td>xyz</td>
<td>xyz@gmail.com</td>
</tr>
</table>
<button>click here</button>

关于javascript - 如何使用 jQuery 从表中以 JSON 格式发布数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28807867/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com