JSP 내 비동기 처리 방법 일단 보낼 form에 아이디를 등록하고 head 태그 안에 제이쿼리넣고 $(document).ready(function() { $('#contactForm').submit(function(event) { event.preventDefault(); $.ajax({ type: 'POST', url: '보낼주소값', data: $(this).serialize(), success: function(response) { var trimmedResponse = response.trim(); // 공백 제거 if (trimmedResponse === 'success') { alert('문의가 등록되었습니다. 확인 후 답변드리겠습니다.'); } else if (trimmedResponse === 'failure') {.. 2023. 6. 20. jQuery 대신 자바스크립트를 사용하자 기존 jQuery는 메모리 용량을 잡아 먹기 때문에 바닐라 자바스크립트를 사용하도록 샘플 코드를 기록해둔다 var modifyForm = document.getElementById("modifyForm"); document.getElementById("modifyBtn").addEventListener("click", (e) => { if(!confirm("수정하시겠습니까?")) return; modifyForm.action= "/guestbook/modify"; modifyForm.submit(); }); document.getElementById("removeBtn").addEventListener("click", (e) => { if(!confirm("삭제하시겠습니까?")) return; modif.. 2022. 11. 23. Ajax 값 공백으로 넘어 올 때 처리하기 + 아이디 중복체크 $.parseJSON()사용 Ajax사용하여 아이디중복체크를 구현했는데 문제가 발생했다. success:function($data) 부분의 $data가 " "no"" 이런식으로 앞에 공백값이 찍히는것이다... 엔터값없이 다른 소스들을 다 붙여보아도 공백의 길이만 줄어들 뿐 공백이 사라지진 않았다. 이럴 때 해결방법은.. 배열로 담아서 보내버리기! 아이디 중복 체크.jsp 에 JSONArray ja = new JSONArray(); ja.add(result); out.print(ja.toJSONString()); 배열로 전송한다. try { ps = con.prepareStatement(sql_Select); rs = ps.executeQuery(); if (rs.next() == true) { result="no"; } else {.. 2022. 8. 22. 도로명 API 장착하기 오픈소스 도로명주소 검색 API - Postcodify (poesis.org) 오픈소스 도로명주소 검색 API - Postcodify 도로명주소 우편번호 검색, 더이상 어렵게 생각하지 마세요. Postcodify“포스트코디파이”는 웹 페이지에서 도로명주소, 지번주소, 등을 편리하게 검색할 수 있도록 해주는 프로그램입니다. 6백 www.poesis.org 항상 제이쿼리 밑에 다가 붙여야함 2022. 8. 2. post, form 값 넘기기기 제이쿼리/자바스크립트 HTML파일 아이디: 패스워드: [성별] 남성 여성 [서비스 수신여부] SMS 수신여부 form으로 날릴 때 enctype="application/x-www-form-urlencoded"를 body나 script부분에 써주기 자바 파일 package ex; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.Http.. 2022. 8. 1. 이전 1 2 다음