단추 값을 JSON으로 변환

Question

node.js 및 mongodb를 사용하여 웹 응용 프로그램을 구축하고 있습니다.

그래서 내 애플 리케이션은 데이터베이스에있는 테이블에 대한 다른 정보를 루프하는 테이블을 가지고있다.

다음과 같이 작성한 삭제 기능이 있습니다. this tutorial에 문제가 있습니다.

그래서 여기 내 js는 onclick 함수에 대한 코드입니다.

function myFunction() { 

    fetch('guests', { 
     method: 'delete', 
     headers: { 
      'Content-Type': 'application/json' 
     }, 
     body: JSON.stringify({ 
      'guestnumber': '3' 
     }) 
    }) 
     .then(res => { 
      if (res.ok) return res.json(); 
     }). 
     then(data => { 
      console.log(data); 
      window.location.reload(); 
     }); 
} 

이제이 코드는 잘 작동하지만 그것은 단지 guestnumber 3. 내이 =처럼 모든 버튼의 모양과 테이블 <td> 삭제됩니다 <button type="button" class="btn btn-danger" onclick="myFunction()" data-value="<% guests[i].guestnumber %>" (. 이것이 EJS 페이지 참고.)

인가 내 버튼의 데이터 값을 가져 오기의 본문 부분으로 가져와 모든 버튼이 onclick 함수의 데이터 값을 사용하도록하는 방법이 있습니까?

Answer 1

함수에 값을 전달하지 않아서 앱이 동적이 아니고 단지 정적 정보가되었습니다.

guestnumber를 사용자의 인수와 동일하게 만듭니다.

function myFunction(id) { 

    fetch('guests', { 
     method: 'delete', 
     headers: { 
      'Content-Type': 'application/json' 
     }, 
     body: { guestnumber: id } 
    }) 
     .then(res => { 
      if (res.ok) return res.json(); 
     }). 
     then(data => { 
      console.log(data); 
      window.location.reload(); 
     }); 
} 

는 그런 다음 HTML로하여 myFunction에 전달 할뿐만 아니라 온 클릭 기능 내부의 EJS을 넣어. 좋아요 :

<button type="button" class="btn btn-danger" onclick="myFunction('<% guests[i].guestnumber %>')" data-value="<% guests[i].guestnumber %>"