RError.com

RError.com Logo RError.com Logo

RError.com Navigation

  • 主页

Mobile menu

Close
  • 主页
  • 系统&网络
    • 热门问题
    • 最新问题
    • 标签
  • Ubuntu
    • 热门问题
    • 最新问题
    • 标签
  • 帮助
主页 / 问题 / 1436470
Accepted
V-CHO
V-CHO
Asked:2022-08-05 19:41:58 +0000 UTC2022-08-05 19:41:58 +0000 UTC 2022-08-05 19:41:58 +0000 UTC

AJAX 脚本不向指定地址发出请求

  • 772

Spring Boot 控制器方法:

    @PostMapping("/bills/add")
    @ResponseBody
    public String createBill(@RequestParam String currency) {
        
        String phone = authentication().getName();
        String answer = null;
        if(currency.isEmpty()) {
            answer = "Please choose currency type";
            return answer;
        }
        accountService.addBill(phone, currency);
        answer = "Success!!!";
        return answer;
    }

百里香叶:

<div>
<form id="currency_form">
        <select class="form-control" th:id="currency" th:name="currency" style="width:auto">
            <option value="">Select currency</option>
            <option th:each="currency : ${T(com.github.irybov.bankdemoboot.Currency).values()}"
                    th:value="${currency.name()}"
                    th:text="${currency.name()}">
            </option>
        </select>
    <button type="submit" class="btn btn-success add_bill">
        Add new bill</button>

    <p th:text="${message}" th:value="${#strings.isEmpty('currency')}" class="error"/>
</form>
</div>

jQuery:

<script>
    $(document).ready(function(){
        $('.add_bill').click(function(){
            var type = ('#currency').val();
            $('#currency_form').submit(function (ev) {
                ev.preventDefault();
                $.ajax({
                    type: 'POST',
                    url: 'http://localhost:8080/bankdemo/bills/add?currency='+type,
                    success: function(msg) {
                        alert(msg);
                    }
                    error: function (xhr, statusText, err) {
                      alert(xhr.status);
                    }
                });
            });
        });
    });
</script>

HTML 最初生成于

http://localhost:8080/bankdemo/accounts/show
    @GetMapping("/accounts/show")
    public String getAccount(ModelMap modelMap) {

        String current = authentication().getName();        
        AccountResponseDTO account = accountService.getAccountDTO(current);
        modelMap.addAttribute("account", account);
        modelMap.addAttribute("currencies", currencies);

        return "/account/private";
    }

所以问题是由于某种原因,在做 AJAX 时,url 变成了浏览器行

http://localhost:8080/bankdemo/accounts/show?currency=USD

而不是沿着脚本中指定的路径执行请求。
如果您通过 Postman 手动输入正确的 url,则控制器方法工作正常,返回响应字符串和状态 200。

javascript jquery
  • 1 1 个回答
  • 54 Views

1 个回答

  • Voted
  1. Best Answer
    Михаил Ребров
    2022-08-05T19:53:58Z2022-08-05T19:53:58Z

    我相信一切都是因为您试图通过地址栏传输数据。

    这是一个 POST 请求,这意味着数据必须通过请求体传递。

    为此有一个数据参数。

    尝试以下

    转发 CSRF

    <meta name="_csrf" th:content="${_csrf.token}"/>
    <meta name="_csrf_header" th:content="${_csrf.headerName}"/>
    
    <script>
        $(document).ready(function(){
            // как-то сильно много обработчиков у вас в скрипте
            // уберем лишнее
            // $('.add_bill').click(function(){
                // отсюда валюту убрал
                $('#currency_form').submit(function (ev) {
                    ev.preventDefault();
                    // ПЕРЕНЕС СЮДА ОПРЕДЕЛЕНИЕ ВАЛЮТЫ
                    var type = $('#currency').val();
                    // еще Вы у себя забыли знак доллада перед ('#currency')
                    // получаем название заголовка и значение токена
                    var token = $("meta[name='_csrf']").attr("content");
                    var header = $("meta[name='_csrf_header']").attr("content");
                    // определяем массив с заголовками запроса и прокидываем в него CSRF
                    var requestHeaders = {};
                    requestHeaders[header] = token;
                    $.ajax({
                        type: 'POST',
                        // убираем данные из урла
                        url: 'http://localhost:8080/bankdemo/bills/add', 
                        // передаем данные в тело запроса
                        data: {
                            "currency": type
                        },
                        // пробрасываем в запрос наши заголовки
                        headers: requestHeaders,
                        success: function(msg) {
                            alert(msg);
                        }, // <- ЗАПЯТУЮ ЕЩЕ ЗАБЫЛИ
                        error: function (xhr, statusText, err) {
                          alert(xhr.status);
                        }
                    });
                });
            // }); // это закрытие обработчика кнопки. его мы убрали пока что
        });
    </script>
    
    
    • 1

相关问题

Sidebar

Stats

  • 问题 10021
  • Answers 30001
  • 最佳答案 8000
  • 用户 6900
  • 常问
  • 回答
  • Marko Smith

    我看不懂措辞

    • 1 个回答
  • Marko Smith

    请求的模块“del”不提供名为“default”的导出

    • 3 个回答
  • Marko Smith

    "!+tab" 在 HTML 的 vs 代码中不起作用

    • 5 个回答
  • Marko Smith

    我正在尝试解决“猜词”的问题。Python

    • 2 个回答
  • Marko Smith

    可以使用哪些命令将当前指针移动到指定的提交而不更改工作目录中的文件?

    • 1 个回答
  • Marko Smith

    Python解析野莓

    • 1 个回答
  • Marko Smith

    问题:“警告:检查最新版本的 pip 时出错。”

    • 2 个回答
  • Marko Smith

    帮助编写一个用值填充变量的循环。解决这个问题

    • 2 个回答
  • Marko Smith

    尽管依赖数组为空,但在渲染上调用了 2 次 useEffect

    • 2 个回答
  • Marko Smith

    数据不通过 Telegram.WebApp.sendData 发送

    • 1 个回答
  • Martin Hope
    Alexandr_TT 2020年新年大赛! 2020-12-20 18:20:21 +0000 UTC
  • Martin Hope
    Alexandr_TT 圣诞树动画 2020-12-23 00:38:08 +0000 UTC
  • Martin Hope
    Air 究竟是什么标识了网站访问者? 2020-11-03 15:49:20 +0000 UTC
  • Martin Hope
    Qwertiy 号码显示 9223372036854775807 2020-07-11 18:16:49 +0000 UTC
  • Martin Hope
    user216109 如何为黑客设下陷阱,或充分击退攻击? 2020-05-10 02:22:52 +0000 UTC
  • Martin Hope
    Qwertiy 并变成3个无穷大 2020-11-06 07:15:57 +0000 UTC
  • Martin Hope
    koks_rs 什么是样板代码? 2020-10-27 15:43:19 +0000 UTC
  • Martin Hope
    Sirop4ik 向 git 提交发布的正确方法是什么? 2020-10-05 00:02:00 +0000 UTC
  • Martin Hope
    faoxis 为什么在这么多示例中函数都称为 foo? 2020-08-15 04:42:49 +0000 UTC
  • Martin Hope
    Pavel Mayorov 如何从事件或回调函数中返回值?或者至少等他们完成。 2020-08-11 16:49:28 +0000 UTC

热门标签

javascript python java php c# c++ html android jquery mysql

Explore

  • 主页
  • 问题
    • 热门问题
    • 最新问题
  • 标签
  • 帮助

Footer

RError.com

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

帮助

© 2023 RError.com All Rights Reserve   沪ICP备12040472号-5