Данные не собираются на контроллер с помощью Ajax

Question

Я новичок в AJAX и пытаюсь отправить некоторые данные на контроллер с помощью AJAX.при нажатии на кнопку «Начать событие» ничего не происходит ..

Это моя страница JSP, где я написал код AJAX

<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.Заранее спасибо.

Answer 1

В соответствии с вашим контроллером @RequestMapping вы пропустили / dashBoard в вызове ajax.