javascript - JSP getParameter 和 JQuery GET ajax 有问题

Question

当我点击按钮时，我需要使用 jquery ajax 添加 GET 参数。比如有一段代码

<button id="20" class="click">Click me</button>
<button id="21" class="click">Click me</button>
<button id="22" class="click">Click me</button>

通过点击特定的按钮，我需要传递按钮 id

myapp.com/mainpage.jsp?check=20

但是，它应该可以使用 JQuery ajax API。我的意思是，参数不应该在 URL 中可见，因为每次我要更改 check 值时，此操作都会刷新页面，我不需要它。我写了这样的代码:

$(document).ready(function() {
                $(".btn-info").click(function() {
                    $.ajax({
                        url: "stuff",
                        type: "GET",
                        data:{ checkId: this.id },
                        success: function(response) {
                            console.log("success: " + response);
                        },
                        error: function(xhr) {
                            console.log("error exception: " + xhr);
                        }
                    });
                });
            });

最后，我添加了 JSP 代码

My result: <%= request.getParameter("checkId") %>

当我点击特定按钮时，例如通过按钮

<button id="20" class="click">Click me</button>

在浏览器日志中，我看到一个值为 20 的 html 文档:

这是正确的!但是在页面上这个值没有改变，仍然是空的:

你能告诉我，为什么会这样，我做错了什么吗？

Answer 1

这不是你想要的东西的真正方法。

首先，您应该将请求发送到一个 servlet(servlet 的 doGet 方法)。 servlet 将向您的 jsp 返回一个“响应”值。然后在 ajax 函数的 success 部分，您可以更改 True result

的值

$(document).ready(function() {
  $(".btn-info").click(function() {
    $.ajax({
      url: "stuff",
      type: "GET",
      data: {
        checkId: this.id
      },
      success: function(response) {
        console.log("success: " + response);
        $('#trueResult').html(response);
      },
      error: function(xhr) {
        console.log("error exception: " + xhr);
      }
    });
  });
});

True result <span id="trueResult"></span>