JSP getParameter 和 JQuery GET ajax 有问题答案

【问题标题】：Something wrongs with JSP getParameter and JQuery GET ajaxJSP getParameter 和 JQuery GET ajax 有问题
【发布时间】：2015-07-13 11:29:51
【问题描述】：

单击按钮时，我需要使用 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 文档：

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

你能告诉我，为什么会发生，我做错了什么吗？

【问题讨论】：

注意：忘记将 .btn-info 更改为 .click，但问题不在此）

标签： javascript jquery ajax jsp web

【解决方案1】：

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

首先，您应该将请求发送到一个 servlet（doGet servlet 方法）。 servlet 将向您的 jsp 返回一个“响应”值。然后在 success 部分 ajax 函数你可以改变 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>

【讨论】：