javascript - 如何删除一个div检查数据库

Question

我有一个包含一些卡的应用程序，我刚刚添加了一个按钮来兑换卡，如果单击该按钮，则会删除该卡。我创建了一个数据库表来保存卡的信息以及客户 ID 和兑换日期；我希望程序检查用户是否已经使用过该卡(带有数据库信息)，然后永久删除。

我尝试使用 jQuery '.remove()'，但如果您重新加载网页，卡片会再次出现。

1. 按钮 - 2. AJAX 调用 - 3. 数据库 POST

                  <span class="buttonRedemp">
                    <button class="redddButt load-button2" data="Reedem Card">Reedem Card</button>
                  </span>

$(`#promotion-container .promo${i} .redddButt`).click(function(e){

        $('#deletePromo').on('click', function(){
            $(`#promotion-container .promo${i}`).remove();
        }) // this button is coming from a pop up

        $('#just-claimed-popup2').addClass('reveal');
        var theDiv = document.getElementById("card-just-claimed");
        var content = document.createTextNode(eventName);
        theDiv.appendChild(content);

        let dateReedem = moment().format('MM-DD-YYYY')

        $.ajax({
            type: 'POST',
            url: '/api/promotions_redemption',
            crossDomain: true,
            dataType: 'json',
            data: {
                eventName : eventName,
                dateReedem : dateReedem,
            }
        });


    })

router.post('/promotions_redemption', function(req, res) {
  let customerID = req.user.customer_id
  let eventName = req.body.eventName
  let dateReedem = req.body.dateReedem

  // Inserts promotion card reedeem into rewards table
  db.any(`INSERT INTO promotions_redemption (customer_id, event_name, date_claimed) values ($1, $2, $3)RETURNING customer_id`,[customerID, eventName, dateReedem])
  .then(function() {
    return res.json({'eventName': eventName})
  })
  .catch((err) =>{
      console.log(err)
  })
})

到目前为止，如果您单击按钮，我将获取数据库上的信息，并删除该卡(使用“.remove()”)，但如果您重新加载页面，该卡将再次出现。我想添加一些逻辑来检查数据库中是否已存在 eventName 和客户 ID，然后删除该人的卡。

Answer 1

我认为你应该调整每张卡的信息带来的方式，验证正在显示的卡没有出现在表promotions_redemption中，但这只是一个注释，你可以添加查询卡片列表如何