web-dev-qa-db-ja.com

jqueryを使用したjspajax呼び出し

このコードスニペットがあり、データを別の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-uijqueryjquery-plugins
9
edaklij
$("#click").click(function(e) {
    // e.preventDefault();
    ...
    return false;
});

そしてもちろん、firebugをインストールするか、chromeデフォルトの開発者ツール（f12）を使用します。コンソールを開いてコードを実行します。

4
HamidRaza
$(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);
            }
        });
    });
});
1
Prashant16