Javascript 如何使用laravel和Ajax将响应结果附加到特定类上
我在使用ajax和laravel实时计算喜欢的次数方面遇到了问题,因此一旦响应成功,响应的结果将附加到特定的类中,但是当我单击“喜欢”按钮时会发生这种情况。每个类都添加了结果。为了更好地理解。请参阅下面所附的图片。 w 问题:如何将结果附加到特定的like按钮上 说明: Html循环数据:Javascript 如何使用laravel和Ajax将响应结果附加到特定类上,javascript,jquery,laravel,Javascript,Jquery,Laravel,我在使用ajax和laravel实时计算喜欢的次数方面遇到了问题,因此一旦响应成功,响应的结果将附加到特定的类中,但是当我单击“喜欢”按钮时会发生这种情况。每个类都添加了结果。为了更好地理解。请参阅下面所附的图片。 w 问题:如何将结果附加到特定的like按钮上 说明: Html循环数据: 谢谢。为每个类指定一个唯一的id echo '<a class="nav-link btn_like_each_content" id="content_'.$latest_news_data->
谢谢。为每个类指定一个唯一的id
echo '<a class="nav-link btn_like_each_content" id="content_'.$latest_news_data->content_id.'" data-attri-like-content="'.$latest_news_data->content_id.'" style="color:#757a91; font-size:13px;"><i class="far fa-thumbs-up" style="color:#757a91; font-size:13px;" ></i> <label class="total_count_of_like_each_content" >0</label> Likes</a>';
})
$('a.btn_like_each_content').on('click',function(){
var content_id = $(this).attr("data-attri-like-content");
var data = content_id;
$.ajax({
url: "/total_count_like_each_comment",
type:'post',
data:{like_id:data},
success: function( response ) {
if(response == 'Clicked') {
$.ajax({
url:"/retrive_like_count_each_content",
type:'get',
data:{content_id: data},
dataType:'JSON',
success:function(res) {
var total_count_of_specific_content = res[0]['count_like'];
var parseTotalLike = parseInt(total_count_of_specific_content);
$('.total_count_of_like_each_content').text( parseTotalLike );
},
error:function(err) {
alert('Failed To Insert');
}
})
}
}
});
});
echo '<a class="nav-link btn_like_each_content" id="content_'.$latest_news_data->content_id.'" data-attri-like-content="'.$latest_news_data->content_id.'" style="color:#757a91; font-size:13px;"><i class="far fa-thumbs-up" style="color:#757a91; font-size:13px;" ></i> <label class="total_count_of_like_each_content" >0</label> Likes</a>';
$('a.btn_like_each_content').on('click',function(){
var content_id = $(this).attr("data-attri-like-content");
var actual_content_id = $(this).attr("id");
var data = content_id;
$.ajax({
url: "/total_count_like_each_comment",
type:'post',
data:{like_id:data},
success: function( response ) {
if(response == 'Clicked') {
$.ajax({
url:"/retrive_like_count_each_content",
type:'get',
data:{content_id: data},
dataType:'JSON',
success:function(res) {
var total_count_of_specific_content = res[0]['count_like'];
var parseTotalLike = parseInt(total_count_of_specific_content);
$('#' + actual_content_id).text( parseTotalLike ); //Pass actual content ID here
},
error:function(err) {
alert('Failed To Insert');
}
})
}
}
});