아래 spring4 controller ajax 관련 질문입니다. 정이 넘치는 마음으로 도와주세요~ 하...

Question

급해요 ㅜㅜ.지적해주셔서 몇 개 일단 바꿔보고 방법을 새로 시도해 봤는데요 내용은 이렇습니다.도무지 왜 안되는지 모르겠어요 ㅜㅜ.... 며칠을 시도해봤는데지금 환자 등록 Tab 에서 등록 버튼 클릭하면 컨트롤러에서 등록 처리후 다시 전체 조회후 리스트로 리턴 하는 것 까지 했는데 뭐가 잘못되었는지 모르겠어요.. 하하하하하버튼을 눌러도 등록은 커녕 아무것도 입력안하고 등록 버튼 눌러도 예외조차 발생하지 않습니다.이게 되야 새로등록된 내용을 바로바로 반영할텐데 말이죠... 하 며칠째 하고 있는데 미치겠습니다 고수분들 조언을 주시면 고맙겠습니다. spring 4.. 머같네요프로그래머의 길은 험난하도다... 제꺼는 별 거 없는 것 같은데 말이죠$('#patientRegisterBtn').click(function(){ $.ajax({ url: '/patientRegister.do', type: 'post', data: $('#patientRegisterForm').serialize(), success: function(data){ alert(data); }, error: function(request,status,error){ alert('code:'+request.status+' ' +'message:'+request.responseText+' ' +'error:'+error); } }); });

RegisterController.java package controller; import java.util.List; import java.util.Date; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.bind.annotation.ResponseBody; import org.springframework.web.bind.annotation.RequestParam; import spring.PatientDao; import spring.Patient; @Controller public class RegisterController { private PatientDao patientDao; public void setPatientDao(PatientDao patientDao){ this.patientDao = patientDao; } @RequestMapping(value="/patientRegister.do", method=RequestMethod.POST) @ResponseBody public List patientRegister( @RequestParam(value="p_name", required=true) String p_name, @RequestParam(value="p_socialNumber", required=true) String p_socialNumber, @RequestParam(value="p_address", required=true) String p_address, @RequestParam(value="p_mobile", required=true) String p_mobile, @RequestParam(value="p_email", required=true) String p_email){ Patient patient = new Patient(p_name, p_socialNumber, p_address, p_mobile, p_email, new Date()); patientDao.insert(patient); List patients = patientDao.selectAll(); return patients; } } PatientDao.java public void insert(final Patient patient) { KeyHolder keyHolder = new GeneratedKeyHolder(); jdbcTemplate.update(new PreparedStatementCreator() { @Override public PreparedStatement createPreparedStatement(Connection con) throws SQLException { PreparedStatement pstmt = con.prepareStatement( "insert into patient(p_name, p_socialnumber, p_address, p_mobile, p_email, p_regdate) " + "values(?, ?, ?, ?, ?, ?)", new String[] {"p_code"}); pstmt.setString(1, patient.getName()); pstmt.setString(2, patient.getSocialNumber()); pstmt.setString(3, patient.getAddress()); pstmt.setString(4, patient.getMobile()); pstmt.setString(5, patient.getEmail()); pstmt.setTimestamp(6, new Timestamp(patient.getRegDate().getTime())); return pstmt; } }, keyHolder); Number keyValue = keyHolder.getKey(); patient.setCode(keyValue.longValue()); } public List selectAll() { List results = jdbcTemplate.query( "select * from patient", new RowMapper() { @Override public Patient mapRow(ResultSet rs, int rowNum) throws SQLException { Patient patient = new Patient( rs.getString("p_name"), rs.getString("p_socialnumber"), rs.getString("p_address"), rs.getString("p_mobile"), rs.getString("p_email"), rs.getTimestamp("p_regdate")); patient.setCode(rs.getLong("p_code")); return patient; } }); return results; }

이름 :
주민 등록 번호 :
주소 :
전화번호 :
E 메일 :

이건 저의 mvc.xml 설정 입니다

text/html;charset=UTF-8

띵구리 · Accepted Answer

안녕하세요 ? 정확한지는 모르겠지만 아마도 serialize 과정에서의 버그 인듯 합니다. jQuery 에서 serialize form JOSON 컨버젼 과정에서의 오류 일수 있습니다. 그래도 않되면 각 항목별로 JSON타입으로 배열에 만들어 넣는 방법을 사용 하셔야 합니다. //////////////////////////////////////////////////////////////////////////////////////////////////////////////// type: 'post',error-->> data: $('#patientRegisterForm').serialize(), success: function(data){ alert(data); },//////////////////////////////////////////////////////////////////////////////////////////////////////////////// $('#patientRegisterForm').serialize(), <<-------------------이 부분을 함수를 하나 만들어 $('#patientRegisterForm').serializeObject() 로 호출해 보세요.. 성공 하시길~~ 함수 추가--->> $.fn.serializeObject = function() { var o = Object.create(null), elementMapper = function(element) { element.name = $.camelCase(element.name); return element; }, appendToResult = function(i, element) { var node = o[element.name]; if ('undefined' != typeof node && node !== null) { o[element.name] = node.push ? node.push(element.value) : [node, element.value]; } else { o[element.name] = element.value; } }; $.each($.map(this.serializeArray(), elementMapper), appendToResult); return o;};

솜씨 · Answer

답변 정말 감사합니다!!제시해 주신대로 작성해서 재실행 해봤는데.. 여전히 아무런 응답이 없군요 ㅜㅜ노력해봐야겠습니다!! 감사해요경로 설정이 잘못된건지 아얘 ajax조차 호출을 못하는 것같네요

띵구리 · Answer

아예 JSON 으로 날려주지 그러세요 ~~그 방법이 아예 편리할듯 하구요... 나중에 브라우져 호환성 문제 에서도 좋을듯 싶네요..

아래 spring4 controller ajax 관련 질문입니다. 정이 넘치는 마음으로 도와주세요~ 하...

3개의 답변

Q&A 목록