Ajax
-
Servlet-JSP MVC07 (2) - ajax로 JSON 다루기Web/Servlet-JSP 2023. 6. 26. 22:28
- 멤버 list.do에서 버튼을 만들어서 번튼을 누르면 회원 목록이 나오도록 고쳐보자. - 이때 버튼을 누르면 서버와 통신하여 member의 정보를 화면전환 없이 가져와야하므로 비동기 통신이 필요 1. List만들기 1.1 버튼 만들기 회원보기 Panel Body Panel Footer function memberList(){ $.ajax({ url : "", type : "GET", dataType : "json", success : resultList, error : function(){ alert("error");} }); } > 부스트 트랩을 이용하여 버튼을 만들었다. > 토글을 클릭하면, memberList()가 실행된다. - 서버와의 통신 결과 json을 응답으로 받는다. - 따라서 {[{m..
-
Servlet-JSP MVC07 (1) - Ajax를 활용한 id 중복확인Web/Servlet-JSP 2023. 6. 25. 23:23
- memberRegister.jsp에서 ID를 중복확인을 할 것이다. - 이때 비동기처리 기술인 Ajax를 활용하여 화면전환 없이 서버로부터 요청과 응답을 받을 것이다. 1. memberRegister.jsp에 id중복확인 버튼 추가 및 ajax 작성 function doublecheck(){ if($("#id").val() ==''){ alert("아이디를 입력하세요"); $("#id").focus(); return } var id=$("#id").val(); $.ajax({ url : "", type : "POST", data : {"id" : id}, success :dbCheck, //함수(callback함수) error: function(){alert("error");} }); } *el과 제..