Spring MVC + Ajax (XmlHttpRequest)

<script type="text/javascript">
 
            /*
             * creates a new XMLHttpRequest object which is the backbone of AJAX,
             * or returns false if the browser doesn't support it
             */
            function getXMLHttpRequest() {
                var xmlHttpReq = false;
                // to create XMLHttpRequest object in non-Microsoft browsers
                if (window.XMLHttpRequest) {
                    xmlHttpReq = new XMLHttpRequest();
                } else if (window.ActiveXObject) {
                    try {
                        // to create XMLHttpRequest object in later versions
                        // of Internet Explorer
                        xmlHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
                    } catch (exp1) {
                        try {
                            // to create XMLHttpRequest object in older versions
                            // of Internet Explorer
                            xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
                        } catch (exp2) {
                            xmlHttpReq = false;
                        }
                    }
                }
                return xmlHttpReq;
            }
            /*
             * AJAX call starts with this function
             */
            function makeRequest() {
                var xmlHttpRequest = getXMLHttpRequest();
                xmlHttpRequest.onreadystatechange = getReadyStateHandler(xmlHttpRequest);
                xmlHttpRequest.open("POST", "/addcomment", true);
                xmlHttpRequest.setRequestHeader("Content-Type",
                        "application/x-www-form-urlencoded");
                xmlHttpRequest.send(null);
            }
 
            /*
             * Returns a function that waits for the state change in XMLHttpRequest
             */
            function getReadyStateHandler(xmlHttpRequest) {
 
                // an anonymous function returned
                // it listens to the XMLHttpRequest instance
                return function () {
                    if (xmlHttpRequest.readyState === 4) {
                        if (xmlHttpRequest.status === 200) {
                            document.getElementById("com").innerHTML = xmlHttpRequest.responseText;
                        } else {
                            alert("HTTP error " + xmlHttpRequest.status + ": " + xmlHttpRequest.statusText);
                        }
                    }
                };
            }
        </script>
.....................................
<p>Comments:</p>
        <div id="com">
        <c:forEach items="${new.commentsList}" var="comment">
            <p>${comment.timestamp}</p>
            <p>${comment.comment}</p>
        </c:forEach>
        </div>
        <p>
            <form:form method="POST" action="view${new.id}" modelAttribute="newcomment">
            <table>
                <tr>
                <input type="hidden" name="id" value="${new.id}" />
                <td><label for="comment">New comment: </label>
                    <form:input path="comment" id="comment"/></td>
            </tr>
            <tr>
                <td><input type="submit" value="Add comment" onclick="makeRequest()" /></td>
            </tr>
        </table>
    </form:form>

@RequestMapping(value = "view{id}", method = RequestMethod.POST)
    public @ResponseBody List<Comments> addComment(@RequestParam String comment, @RequestParam int id) {
        List<Comments> comments = commentsService.findByNewsId(id);
        return comments;
    }

<script>
function makeRequest() {
                var xmlHttpRequest = getXMLHttpRequest();
                xmlHttpRequest.onreadystatechange = getReadyStateHandler(xmlHttpRequest);
                xmlHttpRequest.open("POST", "/addcomment", true);
                xmlHttpRequest.setRequestHeader("Content-Type",
                        "application/x-www-form-urlencoded");
                xmlHttpRequest.send();
            }
 
            /*
             * Returns a function that waits for the state change in XMLHttpRequest
             */
            function getReadyStateHandler(xmlHttpRequest) {
 
                // an anonymous function returned
                // it listens to the XMLHttpRequest instance
                return function () {
                    if (xmlHttpRequest.readyState == 4) {
                        if (xmlHttpRequest.status == 200) {
                            document.getElementById("com").innerHTML = xmlHttpRequest.responseText;
                        } else {
                            alert("HTTP error " + xmlHttpRequest.status + ": " + xmlHttpRequest.statusText);
                        }
                    }
                };
            }
        </script>
 
 
.............................................
 
<div id="com"></div>
<form:form method="POST" action="addcomment" modelAttribute="newcomment">
....................
</form:form>

@RequestMapping(value = {"/addcomment"}, method = RequestMethod.POST)
    public @ResponseBody String addComment(@RequestParam String comment, @RequestParam int id) {
        System.err.println(id);
        System.err.println(comment);
        return "Test";
    }