,可以通过以下步骤实现:
<form>
<input type="checkbox" name="fruit" value="apple"> Apple<br>
<input type="checkbox" name="fruit" value="banana"> Banana<br>
<input type="checkbox" name="fruit" value="orange"> Orange<br>
<button type="button" onclick="sendData()">Submit</button>
</form>
function sendData() {
var selectedValues = [];
$('input[name="fruit"]:checked').each(function() {
selectedValues.push($(this).val());
});
$.ajax({
url: '/api/submit',
type: 'POST',
data: JSON.stringify(selectedValues),
contentType: 'application/json',
success: function(response) {
// 处理服务器返回的响应
},
error: function(xhr, status, error) {
// 处理错误
}
});
}
[Route("api/submit")]
[ApiController]
public class SubmitController : ControllerBase
{
[HttpPost]
public IActionResult SubmitData([FromBody] List<string> selectedValues)
{
// 处理接收到的数据
// ...
return Ok("Data submitted successfully");
}
}
以上代码示例中,前端页面中的复选框列表中的值会被收集到一个数组中,然后通过AJAX请求发送到服务器的/api/submit
接口。服务器端的控制器会接收到这个数组,并进行相应的处理。处理完成后,服务器会返回一个成功的响应给前端。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云云函数(SCF)。腾讯云云服务器提供可靠的云计算基础设施,适用于部署和运行各种应用程序。腾讯云云函数是一种事件驱动的无服务器计算服务,可以帮助开发人员更轻松地构建和运行云端应用程序。您可以通过以下链接了解更多关于腾讯云产品的信息:
领取专属 10元无门槛券
手把手带您无忧上云