ajax - 数据不会使用 Ajax 发送到控制器
问题描述
我是 AJAX 新手,我正在尝试使用 AJAX 向控制器发送一些数据。单击“开始事件”按钮后,什么也没有发生..
这是我编写 AJAX 代码的 jsp 页面
<c:forEach items="${scheduledEvents}" var="event">
<div class="col-md-3" id="eventId">
<div class="card-counter primary">
<div id="head" class="card-counter head-color"></div>
<span class="count-head">${event.eventName}</span>
<br>
<span class="count-name">Date : ${event.date}</span>
<span class="count-name">Location : ${event.location}</span>
<span class="count-name">Hosted By : ${event.hostName}</span>
<span class="count-name">Description : ${event.description}</span>
<br>
<br>
<div class="count-join">
<button class=" btn" id="${event.linkId}" style="background-color: #cc3300;"><font style="color: white;">Start Event</font></button>
</div>
</div>
</div>
</c:forEach>
<script type="text/javascript">
$(function() {
$('.count-join').on('click',function(){
var eventData = $(this).attr("id")
.ajax({
url : 'startEvent?data=' +eventData,
type : 'GET',
contentType : 'application/json',
success : function(data){
$
.get(
'${pageContext.request.contextPath}/startEvent',
function(data,status) {
$("#eventId").html(data);
}
);
}
});
});
});
</script>
这是我的控制器映射
@RequestMapping(value="/dashBoard/startEvent")
public ModelAndView startScheduledEvent(@RequestParam("data")String data)
{
System.out.println(data);
return new ModelAndView("DashBoard");
}
我哪里错了?请给出一些详细的解释,因为我对 AJAX 不太了解。提前致谢。
解决方案
根据您的控制器@RequestMapping,您错过了ajax 调用中的/dashBoard。
推荐阅读
- hex - 打开文件,读取为 ASCII 并将其转换为 C 语言中的 HEX?
- kafka-consumer-api - Quarkus SmallRye Kafka 连接器与 Kafka 裸 API
- build - shell 脚本中的 Chrome 配置
- amazon-sqs - 带有 SQS/SNS 的 MassTransit。发布到 SNS?
- node.js - Socket.io 允许每个房间 2 人并动态创建新房间
- scala - 如何在 Spark 3.0+ 中获得一年中的一周?
- r - 通过网状在R中导入熊猫时出错
- android - Glide 图片在使用 JSON 时不显示,但在使用静态 URL 时显示
- python-3.x - 根据列标题名称对 pandas 数据框中的列重新排序,其中列的名称是字符串,最后包含数字
- azure - 如何使用 Python SDK 向 Azure ML 端点添加标签