목록나의보물들/jQuery (5)
솔솔
async 총신을 동기 or 비동기 방식으로 설정하는 옵션. 기본값은 비동기 통신방식:true로 설정 되어 있음. beforeSend 요청하기 전에 함수를 실행하는 이벤트 핸들러 cache 요청한 페이지를 인터넷에 캐시할지 여부 설정. 기본값tue. complete Ajax가 완료되었을 때 함수를 실행하는 이벤트 핸들러. contentType 서버로 전송할 데이터의 content-type을 설정. data 서버로 전송할 데이터 dataType 서버에서 받아올 데이터 형식 지정. 생략시 요청한 자료에 맞게 자동으로 형식 지정됨. error 통신에 문제 발생시 함수 실행 success ajax 통신 정상일 시 이벤트 핸들러 실행 timeout 통신 시간을 제한. 시간단위는 밀리초 type 데이터 전송 방식...

❗ 아이디 중복체크기능까지 겨우 만들었는데 이제 사용자가 그 중복체크를 했는지 안했는지 유효성검사도 해야겠쥬?? 🔍 해결방법 1. html에 작성한다. 아이디 // 아이디 중복체크 후 안내문구 나오게 하는 곳 // 중복체크가 완료됬는지 확인 하는 곳 중복확인 2. JavaScript에 중복체크 확인과 확인했는지 확인하기위한 코드를 작성한다. $("#idChk").click(function() { let u_id = $("#id").val(); // 빈 값입력시 입력해달라고 안내하기 if(u_id == "") { alert("아이디를 입력해주세요.") return false; } $.ajax({ url : "idcheck.do?u_id="+u_id, type : 'GET', dataType : 'html'..

회원가입 폼 만들면서 아이디 중복체크하기 기능 만들려고 여기저기 페이지 다쫒아 다녔지만 3일 동안 답을 못찾다 만든 나만의 ajax으로 아이디 중복 체크하기!! 🔍 만드는방법 1.'join.jsp' 파일에 아래와 같이 코드작성하면 ↑와 같이 구성 됩니다. 아이디 중복확인 2. 자바스크립트에 아래와 같이 코드 써줍니다. - 입력받은 값을 변수에 저장 후 ajax url로 같이 보내줍니다. /*아이디 중복검사*/ $(function() { $("#idChk").click(function() { let u_id = $("#id").val(); $.ajax({ url : "idcheck.do?u_id="+u_id, type : 'GET', dataType : 'html', success : function(da..

💡 제이쿼리UI 사용방법에 대해서 봅시다! 1. 제이쿼리 사이트(https://jquery.com/)에 들어가서 노란색부분을 클릭한다. 2. 'jQuery user interface'페이지로 오게되면 왼쪽 메뉴에 다양한 UI들이 있습니다. 3. 우선 저는 Sortable을 보겠습니다.(정렬테이블인데 마우스로 item을 원하는 위치로 이동하면 item의 자리가 바껴요.) 4. 이제 이 Sortable을 사용해볼건데 스크롤 해서 조금만 내려와서 VIEW SOURCE를 클릭해주세요. 5. 그럼 이렇게 코드블럭이 생기는데 이코드들을 복사해서 내 프로젝트에 붙어넣으면 끝!

💡 제이쿼리 다운로드 및 적용방법에 대해서 알아보겠습니다. 1. 제이쿼리 홈페이지에 들어간다. Download jQuery | jQuery link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during development or debugging; the compressed file saves bandwidth and improves performance in production. You can also download jquery.com 2.다운로드메뉴에 들어간다. 3.Download the compressed, production..