node js, ejs, ajax로 데이터 베이스 테이블 리로드하는방법

node js, ejs, ajax로 데이터 베이스 테이블 리로드하는방법

작성일 2020.09.18댓글 1건
    게시물 수정 , 삭제는 로그인 필요


nodejs 화면입니다 

app js이구요 id 값에 받아오는 바디에 네임 값을 넣어서 
데이터 베이스에있는 테이블중 검색 기증을 사용하여 불러냅니다.




-------------------------------------------------------------------
이제부터 문제입니다..
자바스크립트와 html form 형식으로는 리로드에 성공했습니다
다만 창이 새로고침이 되지 않는 페이지를 만드려고 ajax를 사용해 보고있습니다.

input button 에 onclick으로 서버(nodejs)로 데이터를 보내 위에 말햇다시피 id값에 value를 넣습니다

ajax 에서 post형식 으로 서버에 보내며 응답시 xhr.resposeText에 값이 넘어옵니다
json으로 파싱해서 콘솔 로그를 찍어봅니다.
어떻게 찍히는지는 아래에 있습니다.




-------------------------------------------
테이블입니다... 이것도 기존 자바 스크립트나 html form 형식을 사용했을때 작동하던 
파일입니다. 




-----------------------------------
초기화면입니다.




-------------------------------------------------------------
!!! 중요!!!

오른쪽에 보이는 콘솔 을 보면

첫번째칸  :  console.log(xhr.responseText) 
두번째칸  :  console.log(data.name)
세번째칸  :  console.log(data.msg)
네번째칸은 안보셔도 됩니다.
jason 파스를 배열로 저장해보려 했지만 실패한 결과입니다..




코딩 신님들 제발 알려주세요..

전 이제 한달정도 배우기 시작한 코린이 입니다...



#node js 설치 #node js 실행 #node js 란 #node js express #node js 버전 확인 #node js download #node js 업데이트 #node js 웹서버 구축 #node js 삭제 #node js 버전

profile_image 익명 작성일 -

40번줄에 보면 data 객체 선언은 name만 들어가있는걸 볼 수 있습니다.

그런데 xhr 안에서 console.log(data.msg)를 하면 undefined가 나옵니다.

지금 결과출력에 사용하는 값이 JSON.parse된 xhr.reponseText이 아닌

data를 사용하고 있는게 문제인 것 같습니다.

(javascript) node.js 관련 질문입니다...

... 하는 방법? 등을 사용해야할것입니다. 2. 자바스크립트로(ajax 혹은 비슷한 방식) 페이지 리로드 없이 동적으로 변경한다. 이 방법은 ejs데이터를...

웹 개발 회원가입 로그인 제작

... 만들어둔 ejs 확장자의 웹 페이지와 같은 곳에... (제이쿼리, Node.js, Vue.js, PHP, 코드이그나이터, mysql... 그래서, 데이터베이스 기반의 회원 테이블을 관리할 수...

node.js express-session 노드...

node js 공부하고 있는 학생입니다... 데이터베이스테이블 생성하구 아이디... var ejs = require('ejs'); var http = require('http'); var mysql = require...

java프로그래밍 학원비교

... Framework(ajax & jquery, struts2 아키텍처 및 환경설정... 데이터베이스의 구조 및 원리 2강 DDL, DML 테이블... 이용하여 데이터베이스에 연결하는 방법에 대해...

ajax개발 개요 질문

... a항목만 리로드 되는 겁니다. 서버쪽에서는 select a from table where id='입력값'로 되어서 하나의 데이터만 불러오고 그 값을 넘겨 주겠죠 4. 이걸 ajax, jquery를 이용해서...