JQuery.post() 执行 GET？

Question

我正在使用 $.post() 执行以下操作...

    $.post('login',details);

我假设此 POST 是要登录 的数据，但我所能看到的只是附加的详细信息到 url，就好像它正在对我所在的页面执行 GET 请求，而不是对我的 login 页面执行 POST 请求。为什么会出现这种情况呢？我的 login 页面的目的是在用户的登录请求完成后将用户重定向到新页面，因此理想情况下，我希望 POST 转到 login 页面，以便用户可以被重定向。

details 内容为 { username: "username", password: "password"} ，login 页面为 login.java使用 Jersey 的 页面。

Answer 1

POST 到 GET 通常是由于您使用了错误的 URL 造成的。

我认为您的服务器端程序期望 URL 以 / 结尾，并使用 HTTP 301 或 302 响应重定向到该地址；根据规范，这意味着必须发出 GET 而不是 POST。

尝试使用“login/”代替；还要考虑您的代码应该可以从您网站上的任何 url 调用；最好将 URL 锚定到服务器根目录，即“/login/”！

Answer 2

如果 $.post 不起作用，请尝试 $.ajax 函数：

    $('#target').click(function() {

    var formdata = $('#loginFrm').serialize(); // will produce { username: "username", pasword: "password"}
        $.ajax({type: "POST",
                        url: "urlto/tojavapage",
                        data: formdata ,
                        success: function(data) {
                            // div container to display error msg       
                            $('#loginmessage').html(data);
                        }
                    });

                    return false;


});`

确保您的提交按钮有一个调用此按钮的点击事件，例如

<input type="button" value="login" id="target" /> <div id="loginmessage"> </div>

谢谢

Answer 3

如果您在家用计算机上执行此操作，则您的计算机上很可能没有安装 PHP。这意味着浏览器将帖子视为正常的服务器请求。另一种可能性是你有一个看起来像这样的表单，

<form name="xxx" method="post" action="login">
<!--Stuff-->
<input type="submit" value="xxx" />
</form>

这意味着表单将在没有首先被 jQuery 筛选的情况下提交，浏览器将再次开始寻找不存在的文档并执行默认的 GET 请求。

或者...

您正在POSTing的文件也不名为index.php或index.html，因此浏览器找不到任何内容，并且再次默认为GET

Answer 4

我唯一能想到的是，如果您正在收集表单中的“详细信息”，并使用表单提交按钮的 onClick 处理程序来调用 ajax post，
那么表单可能会在 ajax 实际被调用之前被提交。

您应该能够通过使用 firebug 或 chrome js 调试器在 $.post 调用上放置一个断点来查看它是否被击中。或者使用经过验证的方法，在其前面放置一个alert()。