как изменить текст кнопки после Succes асинхронность

Question

Я хочу, чтобы изменить текст кнопки на успех .. Я хочу, чтобы изменить это принято после успеха

<button type="button" onclick="saveData<?php echo $row1->id; ?>()">Accept</button> 
     <script> 
     function saveData<?php echo $rrr->id; ?>(){ 

     $.ajax({ 
     type: "POST", 
     url: "<?php echo base_url().'home/accept_seller/'. $rrr->id; ?>", 
     data:{},  
     success:function(data) 
     { 

     } 
     }); 
    } 

Моя функция работает правильно, потому что я использовал предупреждение после того, как но я не знаю, как изменить его текст после успеха. Просьба помочь

Answer 1

1) проходят this в функции

2) Используйте .text() функцию, чтобы изменить текст кнопки.

<button type="button" onclick="saveData<?php echo $row1->id; ?>(this)">Accept</button> 
<script> 
      function saveData<?php echo $rrr->id; ?>(obj){ 
       $.ajax({ 
       type: "POST", 
       url: "<?php echo base_url().'home/accept_seller/'. $rrr->id; ?>", 
       data:{},  
       success:function(data) 
       { 
         $(obj).text("New Text"); 
       } 
       }); 
      } 
</script> 

Answer 2

Вы можете связать класс с кнопкой:

<button type="button" onclick=".." class="submit-btn">Accept</button> 

Теперь в вашем коде успеха AJAX, говоря следующее:

$.ajax({ 
    type: "POST", 
    url: "<?php echo base_url().'home/accept_seller/'. $rrr->id; ?>", 
    data:{},  
    success:function(data) { 
     $(".submit-btn").html("Accepted"); // Add this line 
    } 
}); 

Answer 3

HTML: добавить идентификатор в кнопке

<button type="button" id="accept" onclick="saveData<?php echo $row1->id; ?>()">Accept</button> 

сценарий:

success:function(data) { 
     $("#accept").html("accepted"); 
    } 

Answer 4

$.ajax({ 
    type: "POST", 
    url: "<?php echo base_url().'home/accept_seller/'. $rrr->id; ?>", 
    data: {}, 
    success: function(data) { 
    $("#btn").text('your new text here'); // add id to your button 
    } 
}); 

<button id="btn" type="button" onclick="saveData<?php echo $row1->id; ?>()">Accept</button>