Laravel 8 设置了一个API，前端页面发送ajax请求之间如何配合

问答 / 209 / 5 / 创建于 1个月前

laravel 8
首先路由是：

Route::get("/SummaryLink/{id}", ['as' => 'SummaryLink', 'uses' => 'FeedbackController@SummaryLink']);

访问路由的结果如下图：

前端页面设置：

$.ajax({
                    url: '/SummaryLink/',
                    type: 'GET',
                    dataType: 'JSON',
                    data: {
                       // 'paramName': parameter
                       parameter
                    }, // 构造要传递的参数
                    success: function(data) {
                        console.log(data); // 输出服务器返回的响应结果
                    },
                    error: function(xhr, status, error) {
                        console.error("Error occurred:", error); // 错误处理
                    }
                });

但是这里的写法产生的效果是：
liuyanban/SummaryLink/?parameter=23...
就和刚才laravel写的接口不一样了
liuyanban/SummaryLink/234

这种情况如何解决呢？

laravel api 路由

Laravel 8.x 译者 145 声望

暂无个人描述~

《L03 构架 API 服务器》

你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程，JWT 概念及使用和 API 开发相关的进阶知识。

《G01 Go 实战入门》

从零开始带你一步步开发一个 Go 博客项目，让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。

推荐文章：

更多推荐...

Laravel 11 中文文档仓库，已翻译完成！！！ 16 / 28 |

Laravel验证器最完整用法实例 31 / 14 |

PHP Annotated——2023 年 12 月 25 / 2 |

使用 Laravel 10 & Vue 3 开发了一个社区站，一起来玩下～ 17 / 39 |

历时一个月，《穿透Laravel》全书完成！ 88 / 25 |

[开源项目] 基于 laravel 开发的一个社区/社交小程序 23 / 47 |

MArtian

版主 3.1k 声望

最佳答案

$.ajax({
        url: '/SummaryLink/' + parameter, // 改这里，手动拼接参数
        type: 'GET',
        dataType: 'JSON', 
        success: function(data) {
        console.log(data);  
    },
    error: function(xhr, status, error) {
        console.error("Error occurred:", error); 
    }
});

1个月前评论

Richard852555 （楼主）

多谢，解决了这个405报错

讨论数量: 5

MArtian

版主 3.1k 声望

$.ajax({
        url: '/SummaryLink/' + parameter, // 改这里，手动拼接参数
        type: 'GET',
        dataType: 'JSON', 
        success: function(data) {
        console.log(data);  
    },
    error: function(xhr, status, error) {
        console.error("Error occurred:", error); 
    }
});

1个月前评论

Richard852555 （楼主）

多谢，解决了这个405报错

Dash007

课程读者 61 声望

去看axios的文档啊。。

1个月前评论

CTdream

17 声望

把你的ajax里边这行代码去掉即可：dataType: 'JSON'。无需那么麻烦拼接参数。

1个月前评论

Richard852555

Laravel 8.x 译者 145 声望

如果修改控制器和路由，那么可以按照下面的方法修改

Route::get("/SummaryLink", ['as' => 'SummaryLink', 'uses' => 'FeedbackController@SummaryLink']);

 public function SummaryLink(Request $request)
    {        
       //以下是路由参数
        // Route::get("/SummaryLink/{id}", ['as' => 'SummaryLink', 'uses' => 'FeedbackController@SummaryLink']); // SummaryLink的 模拟
        //http://liuyanban/SummaryLink/23
       // $p = $request->route('id');
       $p = $request->input('p'); // 假设你在 AJAX 请求中以 GET 或 POST 方式发送了
        if (!is_numeric($p)) {
            return response()->json([
                'error' => 'Invalid ID provided. ID must be a numeric value.'
            ], 422);
        }
        $totalAmount=$p;
       //$totalAmount = DB::table('pzti')
          // ->where('hsq', $hsq)
         //  ->sum('amount');

         //$totalAmount='返回数据 ' .$p;
       // 返回合计金额
       return response()->json(['total_amount' => $totalAmount]);
    }

1个月前评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助