뉴비입니다. 채팅 javascript로 ajax로 만들려하는데 막히는 부분이 있어서 질문해보아요

안녕하세요 배운지 얼마 안됬지만 열심히 공부중입니다. 막히는 부분이 있어서 처음으로 카페 가입해보았습니다. 저는 지금 채팅을 쳤을경우 홈페이지 안에서 바로 밑에 비동기식으로 채팅이 나오게 만들고 싶어서 질문했습니다. 에러 부분은 맨밑에 막히는 것을 적어 두었어요
<%@ page language=“java” contentType=“text/html; charset=UTF-8”
pageEncoding=“UTF-8”%>

채팅방

${ param.roomId }번방

<form onsubmit="submitChatMessageForm(this); return false;">
<div>
	<input  type="text" name="writer" placeholder="작성자" autocomplete="off" >
</div>
<div>
	<input  type="text" name="body" placeholder="내용" autocomplete="off" >
</div>
<div>
	<input type="submit" value="작성" />
</div>
</form>

<div class="chat-messages"> sss </div>
맨위에 Chat__addmessage() 실행하여 db까지는 접속이 잘되어서 값은 입력이 됩니다. 하지만 Chat__addmessage() 이함수 지나가면서 function(data){ var chatMessage = { writer:“홀길동”, body:“zzz” }; Chat__drawmeesage(chatMessage ); }, 이 함수분을 그냥 지나치더라구요 디버그해보아도 그냥 넘어가서 왜그런지 이유를 확인 못하겠습니다 혹시 보시면 답변 부탁드립니다. 제 도구는 이클립스이며 스프링으로 만들고 있었습니다.