ejs에서 데이터를 콘솔에찍으면 html파일을 보여줍니다.

6 글 보임 - 1 에서 6 까지 (총 6 중에서)

글쓴이

글

2023년 1월 31일 12:36 #66133

참가자

app.get('/', async function (req, res) {
  if (req.user) {
    const user = await User.findById(req.user).select('-password');
    return res.render('index.ejs', { user: user });
  }
  res.render('index.ejs');
});



  $.ajax({
    method: 'GET',
    url: '/',
  })
    .done((data) => {
      console.log(data);
    })
    .fail((request, status, error) => {
      console.log(error);
    });

이렇게해줬는데요 
 return res.render('index.ejs', { user: user });
이부분을 제가 잘못쓰고있는건가요? 데이터를 잘 전송시켜준거같은데.. 계속 
html 코드 전체가 콘솔에찍히네요

2023년 1월 31일 16:46 #66182

codingapple

키 마스터

ajax요청으로는 index.ejs말고 데이터만 주고받읍시다 
res.json()같은거씁시다

2023년 1월 31일 17:57 #66200

정중식

참가자

선생님 근데 제 파일구조가 이렇습니다.

index.ejs

<body>
    <%-include('header.ejs')%>

    <div class="row">
      <div class="col fade-col">
        < img src="../public/image/민지1.jpg" class="fade-img" />
        <footer class="main-footer">23.1.28</footer>
      </div>

</body>

헤더.ejs 에는, 버튼이 하나있는데 로그인 유무에따라서 다르게 보여지는 식으로 하려고해서, header.js 에서 ajax GET요청으로 
req.user를 받아와야합니다.

근데 res.json({user}) 이런식으로 사용하면 페이지 전체가 이런식으로 보여지더라구요 {"user":"dd"} 
혹시 무슨 방법이 없을까요?

2023년 1월 31일 19:20 #66215

정중식

참가자

해결했는데 이런식의 방법도 괜찮은지 한번 봐주시겠어요 !!?
server.js

app.get('/', async function (req, res) {
  res.render('index.ejs');
});

app.post('/', async (req, res) => {
  if (req.user) {
    const user = await User.findById(req.user).select('-password');

    return res.json({ success: true, user });
  } else {
    return res.json({ success: false });
  }
});

header.js
  $.post('/').then((data) => {
    if (!data.success) {
  . . . 
    } else {
 .. . .   
}

저는 then을 사용했어요!

2023년 1월 31일 20:04 #66228

codingapple

키 마스터

잘될거같군요 / 경로말고 다른이름 짓는게 더 명확하고 좋을듯요

2023년 1월 31일 22:53 #66261

정중식

참가자

피드백 정말 감사합니다 꾸벅 (_ _)!

글쓴이

글

6 글 보임 - 1 에서 6 까지 (총 6 중에서)

답변은 로그인 후 가능합니다.

로그인

ejs에서 데이터를 콘솔에찍으면 html파일을 보여줍니다.

https://codingapple.com/wp-content/uploads/2019/06/logo2-3.png