0

AJAX および Web サービスを介してフォームを送信するための Java スクリプト 

$('#btnSignup').click(function(){ 
            var user = {"id": 10, "firstName": $('#firstName').val(), "lastName":     $('#lastName').val(), "age": 69, "freeText": "55555", "weight": 55};

            $.ajax({
            type: "POST",
            contentType: "application/json",
            url: "http://localhost:8080/testSoft/webresources/entity.user/",
            dataType: "json",
            data: JSON.stringify(user),
            //data: $("#register-form").serialize(), // serializes the form's elements.
            success: function(response) {
                alert('response: '+response);// This is always NULL?

            },
            error: function(data) {

                alert('addUser error: ');
            }
        });

    });

送信後に閉じないモーダル ダイアログ

<!-- Modal -->
        <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel">Sign Up</h3>
            </div>
            <div class="modal-body">
                <form id="register-form" onsubmit="return false;"> 


                    <div class="register-form-block">
                        <input type="text" value='Your first name' name="firstName" id="firstName" onclick="this.value = ('')"/>
                    </div> 


                    <div class="register-form-block">
                        <input type="text" value='Your surname' name="lastName" id="lastName" onclick="this.value = ('')" />
                    </div>

                    <div class="register-form-block">
                        <input type="text" value='Username' name="username" id="username" onclick="this.value = ('')"/>
                    </div>
                    <div class="register-form-block">
                        <input type="password" value='Password' name="password" id="password" onclick="this.value = ('')"/>
                    </div>
                    <div class="register-form-block">
                        <input type="password" value='Password again' name="passwordagain" onclick="this.value = ('')"/>
                    </div>
                    <!--a href="javascript:doRegister();" class="register-button" id="btnAddUser" >Register</a-->
                    <br/>
                    <button type="button" class="btn btn-primary btn-large" id="btnSignup">Register</button>


                </form>
            </div>

        </div>

質問

1) 応答が常に NULL になるのはなぜですか? リクエストは、Web サービスを介して DB にデータを正常に追加しています。

2) フォームを送信した後、モーダル ダイアログが閉じないのはなぜですか? ダイアログを閉じて 1 つの div を更新し、サインアップがOKであることをユーザーに伝えたいと思います。

3) www.google.com のような別のページや、ThankYou.html のようなアプリの Web サーバーの別のページに移動するように、エラーのない送信後にサーバーに伝えるにはどうすればよいですか? 私は Jquery + Ajax でフラットな学習曲線を持っています :( そして、これは私を夢中にさせます.

助けてくれてありがとう！サーミ語

4

1 に答える 1

0

1）サーバー側から何かを送り返しましたか？

2）おそらく、関数呼び出しを使用して手動で閉じる必要があります。

3）window.location =' http: //google.com ';

于 2013-02-12T18:33:29.053 に答える