ajax向后台发请求出现POST http://localhost:8080/XXXX/XXXXXX 404错误

今天用Ajaxxiang后台的controller发送请求时,出现POST http://localhost:8080/XXXX/XXXXXX 404错误

真的搞不懂啊,我觉得我的代码没有问题

可是发现根本就是没访问进去controller,试了各种方法都不行,还以为我的浏览器有什么问题,然而也不是

隐约感觉是路径问题,可是我实在找不出错,我的controller外是这样:

具体的方法上是这样:

为什么url有问题呢,抱着试一试的心态:

我把

url:/root/login

去掉斜杆改为:

url:root/login

居然成功了!!!

果然是路径问题!

 

 

  • 11
    点赞
  • 22
    收藏
    觉得还不错? 一键收藏
  • 9
    评论
好的,下面是修改后的代码: HTML部分: ```html <!DOCTYPE html> <html> <head> <title>评论区</title> <meta charset="utf-8"> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> </head> <body> <h1>评论区</h1> <div> <label for="username">用户名:</label> <input type="text" id="username" name="username"> </div> <div> <label for="comment">评论内容:</label> <textarea id="comment" name="comment"></textarea> </div> <button id="submit">表评论</button> <hr> <div id="comment-list"></div> </body> </html> ``` JS部分: ```javascript $(document).ready(function(){ // 表评论 $('#submit').click(function(){ var username = $('#username').val(); var comment = $('#comment').val(); if(username != '' && comment != ''){ // POST请求 $.ajax({ url: 'http://localhost:8080/post', type: 'POST', data: { username: username, comment: comment }, success: function(data){ // 添加一条新评论 $('#comment-list').append('<p><strong>' + username + ':</strong>' + comment + '</p>'); $('#username').val(''); $('#comment').val(''); }, error: function(){ alert('表评论失败!'); } }); } else { alert('用户名和评论内容不能为空!'); } }); // 获取评论列表 $.ajax({ url: 'http://localhost:8080/get', type: 'GET', success: function(data){ for(var i = 0; i < data.length; i++){ $('#comment-list').append('<p><strong>' + data[i].username + ':</strong>' + data[i].comment + '</p>'); } }, error: function(){ alert('获取评论列表失败!'); } }); }); ``` 修改后的代码中,使用了 http://localhost:8080/posthttp://localhost:8080/get 代替了 PHP 文件的路径,同时相应地修改了 POST 和 GET 请求的数据处理方式,以便与服务端进行通信。具体的服务端实现需要根据具体情况进行编写。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值