Question

我很难解决为什么我的 AJAX 代码在表单提交时被发送两次。

OPTIONS 请求和 POST 请求 - 两条状态消息均为200条。 POST请求成功并返回我想要的内容，这一切都很好。我不希望发生OPTIONS请求。

认为它可能与 CORS 或取消绑定提交事件处理程序有关？

如果有人能提供帮助那就太棒了。

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<form id="loginform">
        Username: <input type="text" class="rname" name="username" value=""/>
        Password:  <input type="text" class="rpass" name="password" value=""/>
        <input type="submit" value="Submit" />
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript">

scripts = function () {
    var _t = this;
    var authenticateUrl = "http://...";
    this.events = function () {
        $('#loginform').submit(_t.loginEvent);
    };
    this.loginEvent = function (event) {
            event.preventDefault();
            var $form = $(this);

            var _name = $form.find(".rname").val();
            var _pass = $form.find(".rpass").val();

            var submitData= {username: _name,password: _pass};
            submitData = JSON.stringify(submitData);

            $.ajax({
                type: 'POST',
                contentType: "application/json",
                dataType: 'json',
                url: authenticateUrl,       
                data: submitData,
                success: function(data) {
                    console.log("Success loginEvent");
                    if (data.error) {
                        console.log("Unsuccessful Login");
                    } else {
                        console.log("successful Login");
                    }
                }
            });
        };

    this.init = function () {
        _t.events();
    };
    this.init();
    return (this);
};

var LZ = new scripts();
</script>
</body>
</html>

Answer 1

如果你正确得到答案，那就没什么好奇了。

((char*)source)++;请求用于允许客户端确定与资源相关的选项和/或要求，或服务器的功能，而不会暗示资源操作或启动资源检索。

Options个请求是我们在跨域资源共享（CORS）中称为OPTIONS个请求。

当您在不同的来源提出请求时，它们是必需的。

AJAX jQuery表单提交发送两次POST＆amp; OPTIONS

1 个答案: