Пожалуйста, помогите мне, теперь я могу удалить данные из моей базы данных, но они не исчезнут автоматически на экране

Вот мой код:

  $(document).on('click','.remove',function(e){
    var x = document.getElementsByTagName('input');
    var a = $(this).attr('data');
    $.ajax({
      url:"http://localhost/scorecard/wp-
      content/themes/twentyseventeen/ajax/submit.php?function=removeScore",
      type:"post",
      data:{ id:a },
      success: function(data){
        alert("Success");
        $('#formUpdateScore').append(data);
      }
    });
  })

Это мой HTML:

<form id="formUpdateScore">
    <?php 
        include(dirname(__FILE__).'/template-parts/php/add_variable.php');
        $var = new variable();
        $connection = $var->connect();
        $var->gi_id = $_POST['id'];
        $GLOBALS['x'] = $var->gi_id;
        $query = "SELECT * FROM business_variable WHERE company_id = ".$var->gi_id;
        $result = mysqli_query($connection,$query);
         while($row = mysqli_fetch_array($result)){
        ?>
        <div class="col-md-4 col-md-offset-1 aligntop">
          <div class="varName">
            <div class="col-md-8" style="padding:0;">
                <span class="variable" name="<?php echo $row['variable_name']?>" value="<?php echo $row['var_id']?>"><?php echo $row['variable_name']?></span>
            </div>
            <div class="col-md-4" style="padding-left: 0;">
                <input type="number" name="name[]" style="width: 55%;height: 40px;float: left;padding: 5px 4px;" class="score" id="getScore" data="<?php echo $row['var_id']?>" value="<?php echo $row['variable_score']?>"/>
                <input type="button" data="<?php echo $row['var_id']?>" class="remove" value="-"/>
            </div>
          </div>
        </div>
       <?php
       }
mysqli_close($connection); ?>
</form>
1
Leorah Sumarong 29 Май 2017 в 06:14

2 ответа

Лучший ответ
success:function(response){
//on success, hide  element user wants to delete.
$('.classname').fadeOut(); //use element class name or id

}

Или

success:function(response){
//on success, hide  element user wants to delete.
$('.classname').hide(); //use element class name or id
}
2
Arun 29 Май 2017 в 03:29

Дайте индивидуальный div, который представляет счет, имя класса, например score, например

<div class="col-md-4 col-md-offset-1 aligntop score">

Затем в функции успешного удаления найдите closest div и remove элемент.

$(document).on('click','.remove',function(e){
    var inp = $(this);
    var a = inp.attr('data');
    $.ajax({
        url:"http://localhost/scorecard/wp-content/themes/twentyseventeen/ajax/submit.php?function=removeScore",
        type:"post",
        data:{ id:a },
        success: function(data){
            alert("Success");
            inp.closest('.score').remove();
        }
    });
});

С уважением

0
shakib 29 Май 2017 в 03:54