laravel框架下 发送ajax,delete请求.报错 methodnotallowed,及解决办法

在laravel框架下进行ajax delete请求时遇到MethodNotAllowed问题,原因是a标签的href属性未被禁止导致浏览器默认发送get请求。解决方法包括禁用href属性,确保携带csrf token,并正确配置路由。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

代码:

<script>

        let _token = "{{ csrf_token() }}";
        console.log(_token);
        $('.del').on('click',function (evt) {
            // evt.preventDefault();
            //获取相关信息
            let url = $(this).attr('href');
            let type = 'DELETE';
            let data = {_token};
            console.log(_token);
            $.ajax({
                url,
                type,
                data
            }).then(function (value) {
                console.log(value);
                $(this).parents('tr').remove();
            });
            // return false;
        })
    </script>

错误信息:
在这里插入图片描述
明明自己发送的是delete请求,结果浏览器给我发送的是 get请求

在这里插入图片描述

原因: 是因为 a 标签的href 属性,没有被禁止.

在这里插入图片描述

解决办法:
代码:

<script>

        let _token = "{{ csrf_token() }}";
        console.log(_token);
        $('.del').on('click',function (evt) {
            evt.preventDefault();
            //获取相关信息
            let url = $(this).attr('href');
            let type = 'DELETE';
            let data = {_token};
            console.log(_token);
            $.ajax({
                url,
                type,
                data
            }).then(function (value) {
                console.log(value);
                $(this).parents('tr').remove();
            });
            // return false;
        })
    </script>

图片:
在这里插入图片描述
路由:web.php中
在这里插入图片描述

总结:
1.方法不允许优先检查 csrf 跨站请求伪装是否屏蔽?
没有屏蔽,那么 要将_token 携带过来,
2.路由是否匹配
3.本次的问题点是 href属性的行为没有被禁止,那么就会发送get请求.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值