跨域Ajax-为什么XmlHttpRequest返回false？

Question

我正在这样的Ajax请求：

    $.ajax({
        type: "POST",
        url: Routing.generate('check_login_ajax'),
        dataType: 'json',
        data: {
            _username: $('#_username').val(),
            _password: $('#_password').val(),
            _remember_me: false,
            _csrf_token: $('#_csrf_token').val()
        }
    }).done(function (data) {
        console.log(data);
    });

PHP控制器：

    public function CheckLoginAjaxAction() {
            $request = $this->get('request');

            $success = false;
            $responseCode = 300;
            if ($request->isMethod('POST') && $request->isXmlHttpRequest()) {
                    $responseCode = 200;
                    $success = true;
            }

            $return = json_encode(array('responseCode' => $responseCode, 'success' => $success));
    }

我在xbo.dev网站上：

Object {responseCode: 200, success: true}

我在我的子域blog.xbo.dev上：

Object {responseCode: 300, success: false}

因此，我的请求有效，但是它不被视为有效的POST xml请求。 为什么呢

顺便说一句，我还有另一个小问题。 当我从子域发出Ajax请求时，它没有出现在Symfony2调试工具栏中。 您知道如何更改它，如果可能的话？

谢谢

Answer 1

我假设您正在使用jQuery进行AJAX调用，在这种情况下，jQuery在检测到跨域请求时会尝试变得聪明，并将请求的格式更改为JSONP。 JSONP实际上只是为请求的URL创建一个脚本标签并运行生成的脚本（有关更多详细信息，请参阅Wikipedia ）。 因此进入控制器的请求实际上将是GET而不是POST（因为jQuery正在请求脚本），这也是为什么它不会作为AJAX请求出现在Symfony工具栏中的原因。

为了解决这个问题，您应该研究跨源资源共享（CORS） ，它专门用于解决跨域AJAX请求。 实现此操作的详细信息超出了此答案的范围，并且将取决于您的浏览器支持和JavaScript设置。