-1

jQuery を使用して、次のような解決策を見つけました。

$("#submit").click(function () {
    alert($('form1').serialize());
    $.post("submitForm", $("form1").serialize(), function (result) {
        if (result == "success") {
            alert("Record added!");
        } else {
            alert("Could not add Record!");
        }
    });
});

上記で説明したメソッドの完全な HTML を次に示します。HTML フォームからデータを取得し、それをサーブレット「submitForm」に送信する最良の方法を見つけようとしています。

<html>
 <head>
<title>myForm</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">

    $("#submit").click(function () {
    alert($('form1').serialize());
    $.post("submitForm", $("wmform_174835").serialize(), function (result) {
        if (result == "success") {
            alert("Record added!");
        } else {
            alert("Could not add Record!");
        }
    });
});

</script>
</head>
<body>
<a href="submitForm">MyForm</a>
<form action="submitForm" method="POST" id="form1">
    <input type="text" value="12" name="ID"/>
    <input type="text" value="NameThatComesFirst" name="FirstName"/>
    <input type="text" value="NameThatComesLast" name="LastName"/>
    <input type=submit id="submit" value="submit"/>
</form>
</body>
</html>
4

1 に答える 1

1

これを試して -

   $(document).ready(function(){
     $("#submit").click(function () 
       var data = $('#form1').serialize();
       alert(data);
       $.post("submitForm", data, function (result) {
            if (result == "success") {
              alert("Record added!");
            } else {
                alert("Could not add Record!");
            }
       });
    });
   });
于 2013-05-08T16:03:19.200 に答える