使用jquery调用Jsp ajax

eda*_*lij 9 jquery jquery-ui jquery-plugins

我有这个代码片段,我将数据传递给另一个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);
            }
        });
    });     
});     
Run Code Online (Sandbox Code Playgroud)

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>
Run Code Online (Sandbox Code Playgroud)

pageTwo.jsp中,我的代码是

 <%
   String name = request.getParameter("name");
   String age = request.getParameter("age");
   out.println(name + age);
 %>
Run Code Online (Sandbox Code Playgroud)

但这不行.我的Jquery有什么错误吗?.任何人都可以帮帮我吗?

Ham*_*aza 4

$("#click").click(function(e) {
    // e.preventDefault();
    ...
    return false;
});
Run Code Online (Sandbox Code Playgroud)

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