Question

美好的一天。我按下按钮时尝试发送AJAX POST请求。

这是表单和按钮按钮：

    <form class="form-horizontal" >
                            <fieldset>

                            <!-- Form Name -->
                            <legend>Welcome!</legend>

                            <!-- Text input-->
                            <div class="control-group">
                              <label class="control-label" for="Username">Username</label>
                              <div class="controls">
                                <input id="Username" name="username" type="text" placeholder="Username" class="input-xlarge" >
                               ......
                               ......
<input type="submit" value="Register" id="register_button" name="register_button" class="btn btn-primary" >

我使用bootstrap（如果这很重要。）在我的java脚本文件（包含在上面的html中）中，我有以下内容：

$("#register_button").click(function() {

        var register_request = $.ajax({
            url: "/register",
            type: "POST",
            data: {
                'action' : 'register',

                .....
                ....
            }
            /*

            statusCode : {
                200: function(response){
                    ...
                },
                403: function(response){
                    ...
                }

            }
            */
        });


        register_request.done(function (response, textStatus, jqXHR){
            ...
        });

        register_request.fail(function (jqXHR, textStatus, errorThrown){
            ...
        });
        return ;


    });

当我按下提交按钮并打开我的chrome Dev工具时，我只能看到GET请求。

有人可以解释原因，以及如何将其作为POST请求。

非常感谢！

Answer 1

您需要在点击功能中返回false。否则，表单（默认为GET）仍将处理。

onclick AJAX POST请求（由于某种原因获取GET）

1 个答案: