728x90 반응형 Ajax2 Ajax에 대해서 데이터 전송 방식 (CSV, XML, JSON) CSV 형식 ,(쉼표)로 데이터 속성을 나눔. 줄바꿈으로 데이터를 나눔 형식이 짧아서 용량이 적다는 장점이 있지만 가독성이 떨어짐 ex) 과일, 채소, 야채 XML 형식 CSV 형식의 가독성을 개선하여 나왔다. 태그로 속성과 데이터를 구분 가독성은 좋지만 용량이 크며 데이터가 많아지면 분석 속도가 떨어짐 ex) JSON 형식 Javascript의 객체 형태로 데이터를 전송. 가독성도 좋고 용량이 적은 장점이 있지만 데이터가 많아지면 분석 속도가 떨어짐 ex) [{ "과일" : "바나나", "야채" : "상추" }] 구현 방법 $.ajax({ type : "post", url : "데이터 보낼 url", data : $("#form").serialize(),.. 2022. 3. 29. 게시판과 페이지네이션까지 구현해보기 게시판/페이지네이션의 기능이 필요하지 않다해도 따라하다보면 스크립트에 대한 이해도가 조금씩 생기지 않을까 싶어 이리저리 알아보며 만든 게시판 만들기의 코드를 정리할까 한다. 혹여 따라하는 분들이 있으면 태그이름이나 스크립트 경로 이런건 입맛대로 바꾸면 될것 같다. HTML 랭킹 리스트 Ranking Full Name Points 구조와 css는 이정도로 하고 우선 데이터 파일이 필요하기 때문에 데이터 파일을 만들어야 한다. 파일은 Ajax로 끌어오느라 .json 파일로 만들었다. 아래와 같은 json형식으로 데이터를 만들고 rankings.json 이라고 파일명을 정했다. [ { "rank" : "1", "name" : "Jhon", "total" : 5500 }, { "rank" : "2", "name.. 2022. 2. 12. 이전 1 다음 728x90 반응형
