반응형

javascript ajax 2

[Vue.js] ajax로 데이터 조회 예제(feat. axios)

Vue.js에서 ajax로 서버에서 데이터 받아와서 테이블에 뿌리는 간단한 예제 cli 환경 기반이라 npm install로 vue.js cli를 설치해야 함(미리 설치한 상태라 동영상에는 설치과정 누락됨) npm install -g @vue/cli cli 설치 후 vue create 프로젝트명으로 cli 기반 vue 프로젝트 생성 vue create vue-test1(생성할 프로젝트명) 아래 명령어로 node.js 런타임을 실행해서 페이지를 띄움 npm run serve 페이지를 띄운 순간부터 vue.js는 데이터가 변경되는 순간 실시간으로 반영한다. mounted(DOM 그린 다음 실행되는 함수) 부분에 console.log() 찍어보면 렌더링을 다시 하는게 보인다. (이놈도 React처럼 가상 DO..

IT/development 2023.07.23

[jQuery] jQuery.ajax() 사용법 예시(feat. 댓글 페이지네이션)

목차 jQuery .ajax() 😄 미래의 내가 보기 위해 남겨둠 jQuery의 ajax 사용법만 간단히 남기려고 했으나 예시 코드에 있는 코드들도 같이 적는게 좋을 듯 싶어서 같이 남김 // 예시 $.ajax({ // 호출 url url: '/reply/insert', // 전달방식 type: 'post', // dataType: "json"// 데이터타입 json으로 할 경우 // 전달할 데이터 data: {'boardId': boardId, 'replyContent': replyContent, 'replyWriter': replyWriter}, // 성공 시 콜백 함수, 밑에 실패 시 콜백도 만들어도 좋다. success: function (data) { getRelyList(); } // 댓글 조..

IT/development 2022.11.21
반응형