WEB/Front (4) 썸네일형 리스트형 GET 방식을 이용한 Pagination하기 이번 포스팅에서는 게시판을 만들때 사용하는 페이지네이션 기능에 대해서 말씀드리려 합니다! 저만의 방법으로 만든 페이지네이션이므로 표준 페이지네이션에 대해선 책을 참조해주세요! 준비물 page, totalpage, limit 변수 Front 페이지를 다루기 위해서 페이지 출력 이전에 모든 글의 개수를 카운트해줘야하는데요. 만약 DB에 50개의 글이 있고, 10개씩 게시물 리스트를 출력해줘야한다면 모든 페이지 개수는 10개가 됩니다. 그럼 1부터 5번까지 페이지네이션 바를 만들어주면 됩니다! 이런식으로요! javacript의 window.onload프로펄티는 웹페이지가 로드될때 수행됩니다. 여기에 ajax 요청을 보내서 모든 페이지의 개수를 가져올 수 있습니다. 이때 주의사항은 async를 false로 해줘.. Javascript) 소문자 및 숫자만 입력받기 ID를 입력받을때 유용합니다. HTML onkeyup event는 키보드 버튼이 눌렸다가 올라올 때 발생해요. 이때 CheckAlphaNum()을 호출합니다. this 키워드를 이용해 input 태그를 javascript로 전달합니다. 자바스크립트 function checkAlphaNum(param){ var str = param.value; var i = str.length - 1; if((str[i]>='0' && str[i]='a' && str[i] javascript - 사용자가 입력하는 글자 수 세기 안녕하세요~ 댓글 혹은 양식을 입력할때 글자수 제한을 둬야하는 경우가 있습니다 이럴때 유용한 방법입니다. 준비물은 html 문서 한장이구요 먼저 javascript를 적용할 html tag를 작성합니다 span tag에 reCount라는 id 속성을 부여했습니다 innerHTML은 태그의 내용을 갖는 속성(property)입니다 textarea에 onkeyup 이벤트가 작성되어 있는데요. onkeyup 이벤트는 키보드 키를 눌렀다가 떼었을때 발생합니다~ 위 코드는 onkeyup 이벤트에 counter 함수를 연결했기 때문에 키보드 키가 눌렸다가 떼일때 counter 함수를 호출합니다 타이핑을 할 때마다 onkeyup에 등록된 counter 함수가 발생해서 우측 하단의 숫자를 증가시켜줍니다~ JQuery ) Ajax 사용하기 Ajax? Asynchronous Javascript And Xml 의 약자로 웹 페이지 이동없이 화면상의 객체를 다룰 수 있는 기술입니다. 정의는 이런데 저는 주로 페이지 이동 없이 서버와 데이터를 주고받을때 사용합니다 ㅋ ID를 중복체크하려고 페이지가 새로고침되었다면?? 상당히 번거로운일입니다. Ajax를 사용하면 페이지 이동 없이 서버측과 데이터를 주고받을 수 있어요! 아래는 ID 중복체크를 해주는 Ajax입니다 $.ajax({ type:'GET', url:"checkDouble", data :"id="+input_id, async:true, dataType:'json', success : function(data) { if(data['message']=='true') { idCheckResult... 이전 1 다음
