请求完以后 dom 操作比较好吧,感觉没必要刷新页面
$('body').on('click', '.btn-favor', function () {
$btn_favor = $(this);
axios.post('{{ route('products.favor', ['product' => $product->id]) }}')
.then(function () {
swal('操作成功', '', 'success')
.then(function () { // 这里加了一个 then() 方法
// location.reload();
$btn_favor.removeClass('btn-success btn-favor');
$btn_favor.addClass('btn-danger btn-disfavor');
$btn_favor.text('取消收藏');
console.log('收藏成功');
});
}, function (error) {
if (error.response && error.response.status === 401) {
swal('请先登录', '', 'error');
} else if (error.response && error.response.data.msg) {
swal(error.response.data.msg, '', 'error');
} else {
swal('系统错误', '', 'error');
}
});
}).on('click', '.btn-disfavor', function () {
$btn_disfavor = $(this);
axios.delete('{{ route('products.disfavor', ['product' => $product->id]) }}')
.then(function () {
swal('操作成功', '', 'success')
.then(function () {
$btn_disfavor.addClass('btn-success btn-favor');
$btn_disfavor.removeClass('btn-danger btn-disfavor');
$btn_disfavor.text('❤ 收藏');
console.log('取消收藏成功');
});
});
})
推荐文章: