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 服务成功地将数据添加到数据库。

2) 为什么提交表单后模态对话框没有关闭？我想关闭对话框并更新一个 div 并告诉用户注册没问题。

3）我如何在无误提交后告诉服务器转到不同的页面，如 www.google.com 或我的应用程序中我的网络服务器中的另一个页面，如thankYou.html？我在 Jquery + Ajax 方面有一个平坦的学习曲线 :( 这让我抓狂。

感谢您的帮助！萨米人

4

1 回答 1

0

1）你有没有从服务器端发回任何东西？

2）您可能必须通过函数调用手动关闭它。

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

于 2013-02-12T18:33:29.053 回答