使用jquery的jsp ajax调用答案

【问题标题】：Jsp ajax call using jquery使用jquery的jsp ajax调用
【发布时间】：2012-12-28 03:51:14
【问题描述】：

我有这个代码 sn-p 我将数据传递给另一个 jsp 文件。

Javascript

$(document).ready(function() {
    $("#click").click(function() {
        name = $("#name").val();
        age = $("#age").val();
        $.ajax({
            type : "POST",
            url : "pageTwo.jsp",
            data : "name=" + name + "&age=" + age,
            success : function(data) {
                $("#response").html(data);
            }
        });
    });     
});

HTML

<body>
    Name:<input type="text" id="name" name="name">
    <br /><br /> 
    Age :<input type="text" id="age" name="age">
    <br /><br />
    <button id="click">Click Me</button>
    <div id="response"></div>
</body>

在 pageTwo.jsp 中，我的代码是

 <%
   String name = request.getParameter("name");
   String age = request.getParameter("age");
   out.println(name + age);
 %>

但这不起作用。我的 Jquery 有什么错误吗？有人可以帮助我吗？

【问题讨论】：

标签： jquery-ui jquery jquery-plugins

【解决方案1】：

$("#click").click(function(e) {
    // e.preventDefault();
    ...
    return false;
});

当然还有安装 firebug 或使用 chrome 默认开发者工具 (f12)。打开控制台并运行代码。

【讨论】：

为什么是“return false;”必要的？它有效，但我不明白为什么。
"return false" 停止任何默认操作。假设“#click”是一个链接，所以现在当您单击它时会将您重定向到某个页面（href url），现在如果您有“return false”，它将不会执行浏览器默认操作。 “return false”您需要在回调中的代码末尾放置。您也可以使用“e.preventDefault();”您可以将其放在回调函数内的代码顶部。

【解决方案2】：

$(document).ready(function () {
    $("#click").click(function () {
        name = $("#name").val();
        age = $("#age").val();
        $.ajax({
            type: "POST",
            url: "pageTwo.jsp",
            data: "{'name':'" + name + "','age':'" + age + "'}",
            contentType: "application/json",
            async: false,
            success: function (data) {
                $("#response").html(data.d);
            }
        });
    });
});

【讨论】：