Javascript JSP getParameter和JQuery GET ajax有问题

我需要在单击按钮时使用jQueryAjax添加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>

但是，使用jqueryajaxapi应该是可行的。我的意思是，参数不应该在URL中可见，因为每次我更改

check

value时，这个操作都是刷新页面，我不需要它。我写了这样的代码：

$(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文档：

这是正确的！但在第页上，此值未更改，仍然为空：

---

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

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

首先，您应该将请求发送到servlet（

doGet

methodofservlet）。servlet将向jsp返回一个“response”值。然后在ajax函数的success部分，您可以更改True result的值

$（文档）.ready（函数（）{
$（“.btn信息”）。单击（函数（）{
$.ajax({
网址：“东西”，
键入：“获取”，
数据：{
checkId:this.id
},
成功：功能（响应）{
console.log（“成功：+响应”）；
$（'#trueResult'）.html（响应）；
},
错误：函数（xhr）{
log（“错误异常：+xhr”）；
}
});
});
});

真实结果

注意：忘记将.btn信息更改为。单击，但问题不在此）

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