请求完以后 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('取消收藏成功');
                                });
                        });
                })
lhbasura
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 1
pardon110

正常情况下用vue做,数据驱动页面响应,并不会直接修改dom,此处只是为了演示。

1个月前 评论

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!

社区文档:

将托管在 packagist.org 和 github.com 的扩展包使用国内 CDN 加速
GitHub Laravel 扩展包 TOP 250
速查表方便快速查询框架功能,支持手机访问,支持中英文版本
Laravel 中文文档,由社区用户翻译和维护,将会保持一直更新
此文档的目的,就是为了提高技术团队的凝聚力、一致性和生产效率。
开发环境的部署,开发者工具的选择,适用于 Mac 和 Windows。
浓缩过后的精华
Laravel Nova 后台管理面板文档的中文翻译
Lumen 中文文档,由社区用户翻译和维护,将会保持一直更新
Laravel 下知名扩展包 Dingo API 的中文文档,Laravel API 开发必知必会