如何在ajax中成功更改按钮文本
如何在ajax中成功更改按钮文本
提问于 2016-07-14 20:51:54
我想在成功时更改按钮文本..我想在成功后将其更改为接受
<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 )
{
}
});
}我的函数工作正常，因为我在成功后使用了alert，但我不知道如何在成功后更改它的文本。请帮帮忙
回答 5
Stack Overflow用户
发布于 2016-07-14 20:54:39
您可以将类与按钮相关联：
<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
}
});Stack Overflow用户
发布于 2016-07-14 20:54:10
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>Stack Overflow用户
发布于 2016-07-14 20:58:56
HTML :在按钮中添加id
<button type="button" id="accept" onclick="saveData<?php echo $row1->id; ?>()">Accept</button> 脚本：
success:function( data ) {
$("#accept").html("accepted");
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38374763
复制相关文章
相似问题
腾讯云开发者
