• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 Node.js, Express 게시판 window.location.replace 질문

window.location.replace 질문

9 글 보임 - 1 에서 9 까지 (총 9 중에서)
  • 글쓴이
  • #14309

    안우진
    참가자

     replace에다가 무슨 링크를 집어 넣어도 localhost:8080/list? 으로 나오네요 

    addEventlistener로 해도 똑같은 반응 입니다. 혹시 해결 방법 있을까요? 아래는 소스코드 입니다.

    #14313

    codingapple
    키 마스터

    /search로 get요청할 때 서버에선 어떤 코드를 실행해주는지 확인해봅시다 

    #14393

    안우진
    참가자

    버튼을 누를때 /search로 get요청을 보낼수가 없네요. 

    jquery로 id 가 search-input 인 버튼을 클릭하면 /search?value=... 로 보내져야하는데, 이게 안보내 집니다 ㅜㅜ

     

     

    #14395

    codingapple
    키 마스터

    #search가 아니라 다른 버튼을 누르고 테스트 해보고 있는게 아닐까요 

    #search 버튼을 클릭했을 때 크롬 콘솔창에 뭔가 출력해봅시다

     

    #14406

    안우진
    참가자

    크롬 콘솔창에 변수 값이 제대로 뜨긴 합니다. 근데 뜨고 1초만에 바로 사라지네요 아마 누를때마다 새로고침이 되서 그런 것 같습니다.

    #14414

    codingapple
    키 마스터

    그럼 버튼이 폼태그 안에 있거나

    type="submit" 이렇게 되어있거나 그런 경우일 수도 있습니다

    ejs 파일 전체 코드가 필요합니다 

    #54705

    김민우
    참가자
    <!doctype html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Bootstrap demo</title>
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
      </head>
      <body>
        
        
        <!--<%- include('nav.html') %>-->
     
            <h4 class="'ml-2 my-3 text-center">서버에서 가져온 할일 리스트</h4>
            <div class="container input-group mb-2">
              <input class="form-control" id="search-input">
              <button class="input-group-append btn btn-danger"
              id="search">검색</button>
            
            </div>
            
            <script>
            $('#search').click(function(){
              var 입력한값 = $('#search-input').val();
              window.location.replace('/search?value=' + 입력한값)
            });
            
            </script>
     
      <div class="container">
        <ul class="list-group">
          <% for(let i=0; i < posts.length; i++){ %>
          <li class="list-group-item" >
            <p> 글번호 : <%= posts[i]._id %></p>
            <h4> 할일 제목 : <%= posts[i].제목  %></h4>
          <p> 할일 마감날짜 :<%= posts[i].날짜 %> </p>
          <button class="btn btn-danger delete" data-id="<%= posts[i]._id %>">삭제</button>
        
          <% } %>            
        
      </div>
        <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
        <script>
          $('.delete').click(function(e){
            var 글번호 = e.target.dataset.id;
            var 지금누른거 = $(this);
            $.ajax({
              method : 'DELETE',
              url : '/delete',
              data : {_id: 글번호}          
             }).done(function(결과){
              // 페이지를 강제로 새로고침 해주세요
              //삭제버튼을 누른 요소를 제거해주세요/안보이게
              console.log('성공했어염')
              지금누른거.parent('li').fadeOut();
             }).fail(function(xhr, textStatus, errorThrown){
              console.log(xhr, textStatus, errorThrown);
             
             });
              
          
      })
    </script>
        <!--ajax쓰는 이유 새로고침 필요없어서 -->
       
         
          <!--<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>-->
        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.min.js" integrity="sha384-IDwe1+LCz02ROU9k972gdyvl+AESN10+x7tBKgc9I5HFtuNz0wWnPclzo6p9vxnk" crossorigin="anonymous"></script>
      </body>
    </html>
    똑같은 증상이라 뭐가 문제 인지 잘모르겠네요 ㅠ.ㅠ
    #54713

    codingapple
    키 마스터
    어떻게 안됩니까
    #56378

    김민우
    참가자
    앗 해결 한듯합니다. 오타가 있어서 틀렸씁니다.
9 글 보임 - 1 에서 9 까지 (총 9 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠