php + ajaxでページを更新しない

Question

ユーザーテーブルのステータスを更新しようとしています - ユーザーがボタンをクリックしたときにphpページに送信するために私はajaxを使用しましたが、 .reload（）;.ページをリロードせずにボタンのステータスを変更できる方法はありますか？

ボタン：データベースを更新

<i data="<?php echo $row['id'];?>" class="status_checks btn <?php echo ($row['payment_status'])? 'btn-success' : 'btn-danger'?>"><?php echo ($row['payment_status'])? 'Paid' : 'Unpaid'?></i> 

PHP

<?php 
extract($_POST); 
$user_id=$db->real_escape_string($id); 
$status=$db->real_escape_string($status); 
$sql=$db->query("UPDATE users SET payment_status='$status' WHERE id='$id'"); 
echo $sql; 

?> 

、最終的に、

<script type="text/javascript"> 
$(document).on('click','.status_checks',function(){ 
var status = ($(this).hasClass("btn-success")) ? 'Unpaid' : 'Paid'; 
var msg = (status=='Unpaid')? 'Unpaid' : 'Paid'; 
if(confirm("Are you sure to "+ msg)){ 
    var current_element = $(this); 
    url = "update.php"; 
    $.ajax({ 
    type:"POST", 
    url: url, 
    data: {id:$(current_element).attr('data'),status:status}, 
    success: function(data) 
     { 
      location.reload(); 
     } 
    }); 
    }  
}); 
</script> 

Answer 1

echo $sql;は0または1

が返されjqueryのあなたは、例えば場合（データ）//ボタンの値の変更、他のための//ボタン値ドンということなステートメント他にあれば、あなたがしてlocation.reload（）を置き換える必要があります

success: function(data) 
     { 
      if(data == 1) // success 
      { 
      $('.status-checks').each(function(){ 
       if($(this).attr(data) == $(current_element).attr('data')) 
       { 
        $(this).addClass('btn-success'); 
        $(this).text('Paid'); 
       } 
      }) 
      }else // failed 
      { 
      $('.status-checks').each(function(){ 
       if($(this).attr(data) == $(current_element).attr('data')) 
       { 
        $(this).addClass('btn-danger'); 
        $(this).text('Unpaid'); 
       } 
      }) 
      } 
     } 
    }); 

Answer 2

としてリロードせずにボタンのクラスを更新することができます